EXpandir y contraer
Como dice el título, hoy les voy a enseñar este gran truco que te permite crear un post largo y en algunos lugares añadirle el simbolito de Expandir/Contraer, o el [+/-] que en definitiva lo que hace es esconder una porcion del post, ya sea un video, una imagen o un texto y así el lector puede expandir y ver el contenido.
Lo primero que hacemos es ir a la configuración HTML de nuestra plantilla y buscamos el </head> y justo antes pegamos el siguiente codigo:
Lo primero que hacemos es ir a la configuración HTML de nuestra plantilla y buscamos el </head> y justo antes pegamos el siguiente codigo:
[+/-]
Luego de esto, cada vez que queremos utilizar el [+/-] en cualquier parte de nuestro blog, ya sea un post o la sidebar, debemos poner el siquiente codigo:
<a onclick="return
verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido
oculto</div>
Y debemos remplazar donde dice Contenido Oculto por la parte del post que queremos esconder. Recuerden que pueden esconder un texto, una imagen o un video.
Otra opción es sustituir el símbolo de Expandir/Recoger por una imagen, lo que haríamos sería añadir <img src="url-de-la-imagen"/> en lugar de [+/-]
Otra opción es sustituir el símbolo de Expandir/Recoger por una imagen, lo que haríamos sería añadir <img src="url-de-la-imagen"/> en lugar de [+/-]
Espero que les sea de utilidad.