btdemos

<div dir="ltr" style="text-align: left;" trbidi="on">
Este truco permite esconder partes de una entrada y con la posibilidad de mostrarlos cuando el lector quiera. Se puede esconder texto, imágenes o video y sirve para ahorrar espacio cuando tenemos un elemento muy largo dentro de la entrada.<br />
Este es un ejemplo con una imagen:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1YydPmx-_I9la6j2iQxvCJo6xegjJODLgmiK1HyPANGTMgqxTOm3QA-NT2f9s6L7Wn5gJGVlC6w-XTVnUqaI0QfxMKhICsk0L7gMtYvpN4x09Hjqy46pQvSVxiXDIgtwqs9xOP1MaxY/s1600/Sin+t%25C3%25ADtulo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="478" data-original-width="687" height="445" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1YydPmx-_I9la6j2iQxvCJo6xegjJODLgmiK1HyPANGTMgqxTOm3QA-NT2f9s6L7Wn5gJGVlC6w-XTVnUqaI0QfxMKhICsk0L7gMtYvpN4x09Hjqy46pQvSVxiXDIgtwqs9xOP1MaxY/s640/Sin+t%25C3%25ADtulo.jpg" width="640" /></a></div>
<br />
<a class="button" href="https://pruebasbloguerotutorial.blogspot.com/p/blog-page.html" target="_blank">Demostracion</a>
<br />
Primero vamos a Plantilla | Edición de <span style="color: cyan;">HTML </span>y antes de <span style="color: yellow;"></head></span> pegamos lo siguiente:<br />
<blockquote class="tr_bq">
<br />
<script src='http://www.google.com/jsapi'></script><br />
<script><br />
google.load("prototype","1.7.0.0");<br />
google.load("scriptaculous", "1.9.0");<br />
</script><br />
</blockquote>
<br />
Antes de pegar lo anterior verifica si tu plantilla ya lo tiene, de ser así omite ese paso.
Lo siguiente será usar el código que es el que ocultará las partes dentro de un post. Así que cuando quieras ocultar algún elemento de la entrada deberás usar este código:<br />
<blockquote class="tr_bq">
<a href='#' onclick='Effect.toggle("<b>expandir1</b>","slide"); return false'>[+/-] Ver / Ocultar</a><div id='<b>expandir1</b>' style='display: none;'><span style="color: red;">Aquí va el contenido que se ocultará</span></div></blockquote>
Toma en cuenta que donde dice expandir1 deberás cambiarlo cada vez que quieras usar este efecto, puedes modificarlos por expandir2, expandir3, etc. Lo que está en color rojo es el contenido que estará oculto, puede ser texto, imágenes, tablas, videos, etc. cualquier elemento que tengas dentro de un post podrás ocultarlo.
</div>

Javascript Trucos Tutorial Expandir y contraer partes de una entrada

Este truco permite esconder partes de una entrada y con la posibilidad de mostrarlos cuando el lector quiera. Se puede esconder texto, imág...

btdemos

Denunciar abuso

01

Expandir y contraer partes de una entrada