Lo que necesitas, acá lo encontrás !

23 de julio de 2011

Truco Expandir - Contraer para blogger

7/23/2011 07:06:00 a. m. Posteado por: Las24online No hay comentarios aún
Sirve para todo: imágenes y texto. Te permite, iniciar una publicación y luego invitar a los lectores a seguir leyendo. Expande y contrae la publicación etc.



Paso 1:
Lo primero que hacemos es ir a la configuración HTML de nuestra plantilla y buscamos el ; y justo antes pegamos el siguiente codigo:




<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>


Guardas los cambios.

Paso 2:
La segunda parte se agrega donde quieras expandir (post o sidebar/columna lateral).

Pegas este código:


Aqui comienzas a escribir el post. <a onclick="returnverocultar(this);" href="javascript:void(0);">Acá colocas la señal de expandir: palabra o imagen</a>
<div style="DISPLAY: none"> Desde aquí contenido que estará oculto.</div>


Ahora te dejo el código limpio, sin mis palabras, para que lo completes.


<a onclick="return
verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido
oculto</div>


Si no sale, sabes que podes dejar tu comentario mas abajo del post.

0 Comentarios, déjanos el tuyo:

Publicar un comentario