miércoles, 22 de agosto de 2007

Abrir-cerrar animado


ABRIR | CERRAR


Hola a todos he aqui un nuevo hack



Para poder tener este codigo animado en tu blog, es muy facil, solo son dos pasos faciles.

1.- Lo primero que tienes que hacer es ir a tu plantilla en:

Plantilla---->Edicion HTML---->y buscas este codigo <head>, e inmediatamente despues colocas este codigo:

<script src='http://weblogsam.googlepages.com/animatedcollapse.js' type='text/javascript'></script>

Guardas los cambios y te vas a cualquier parte donde quieras poner la animacion, y colocas este otro codigo:

<center>

<a href="javascript:collapse.slidedown()">ABRIR</a> | <a href="javascript:collapse.slideup()">CERRAR</a></center>

<div id="nombre1" style="width: 220px; height: 150px; background-">

Aqui va lo que quieran ocultar

<script type="text/javascript">var collapse=new animatedcollapse("nombre1", 500, false)</script>

</div>

Y eso es todo, traten de no tocar nada, solamente si quiern cambien las palabras "ABRIR" Y "CERRAR" por alguna imagen.

Y eso es todo, espero que les funcione este hack ya que da una impresion muy buena de tu blog.


Escucha este escrito

1 Persona alfin dijo:

Jandro comento sobre este post...

me encanta tu blog este ruco me encanta...
Gracias y sigue asi

Calendario de posts

Cargando...

 
ir arriba