lunes, 17 de agosto de 2009

Mostrar / Ocultar Elementos en Blogger

Hola, hoy les mostrare como Expandir y Contraer elementos de un post en Blogger, primero vas a ir a Diseño> Edicion HTML y despues buscamos los siguiente....
Nota: Recuerda siempre que antes de mover al codigo guardes tu plantilla original
</head>
una vez encontrado justo antes de esto pegamos lo siguiente:

<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>


Ahora nos vamos a crear una nueva entrada o post y escribimos como normalmente y
metemos lo siguiente:


<a onclick="return verocultar(this);" href="javascript:void(0);">
Tu Texto donde daran Click</a><div style="display: none;">

Lo que se mostrara al clickear

</div>

Tambien puedes meter una imagen en lugar de texto en "Tu texto donde daran click" lo sustituyes
por:

<img src="link de tu imagen/>


Un ejemplo:

Hola!


Ejemplo emo jah



Espero les sirva
mrgreen
Saludos!!

6 comentarios:

  1. Elegante!!!

    Kuando le necesite lo uso!!!

    Gracias!

    ResponderBorrar
  2. Orale, si esta bien te paso el link de la imagen es 90x90 en JPG y pasate el tuyo tambien para ponerte en mi blog.

    ResponderBorrar
  3. Aqui esta el link de la imagen.
    http://i418.photobucket.com/albums/pp264/megui_photos/bannersanluis.jpg

    Gracias!

    ResponderBorrar
  4. gracias, este código me fue muy útil

    ResponderBorrar

Gracias por visitarnos espero hayas encontrado lo que buscabas o te hayas divertido. Dejanos tu opinion todo comentario es bienvenido =D Saludos!!

¿como poner tu nombre?
Facil le das a "nombre/URL" en el cuadro de abajo pones tu nombre (Juan, Pedro Pancho) y tu URL (facebook, twitter, blog o lo que tengas)

<a href="URL">link</a> | <b>negrita</b> | <i>cursiva</i>