domingo, 14 de octubre de 2012

Zombies caminando en el blog sin scripts


En estas fechas muchos comienzan a decorar el blog para Halloween, así que por qué no ponemos un zombie caminando en el blog, y mejor aun, sin nada de scripts. Usaremos la etiqueta MARQUEE que harán que estos tenebrosos muertos vivientes caminen abajo del blog, y al no usar scripts no afectaremos la velocidad de carga del blog.

Tan prácticos son hasta para su instalación, sólo ingresa en Plantilla | Edición de HTML y antes de </body> pega el código del zombie que más te guste.


<!-- Inicio zombie en el blog -->
<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUVo6XRjd6BwNDmk06WcMt9T2Kbs93iHF3Rda-gJhecQ5QdVtbOto_k5yDoBd56-Uqfh0OBU7EdN6PCt4flYUcDy9vPlZpC6_VpkH4bvMC4pXK27fCVuq9pAW41CuH2P7mZbcYMY0JS9Q/s120/zombie-1.gif' tyle="border:0; background:none; padding:0; box-shadow: none;"/></marquee>
<!-- Fin zombie en el blog -->




<!-- Inicio zombie en el blog -->
<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnLurSeRxeo7-MvVgL5hocYk5tU6v-FxTAnH_kNl2pKu-WIPIoGUOeE-gNFSjLZrN-OVBilJMfcnRmeuXxZrC6lgVZuigvliN0XOFEV3VbTNTEaWFhEj8129_C82Op4C2653ocRhc_J1k/s100/zombie-2.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>
<!-- Fin zombie en el blog -->




<!-- Inicio zombie en el blog -->
<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgscxiHxubMMaoQ92hrSckCuYrVmTv4I7B0azRvpDDpxee6lyX57Qr0I-lB2epKdI6BgPUTKm3ix8r465KAZnmMgw1pWDTEQrvLnl-mm38S9qEE4vMOKN6Oo6CO2LzY4ninwd0zOrMIwZ4/s117/zombie-3.gif' style='border:0; background:none; padding:0; box-shadow: none;'/></marquee>
<!-- Fin zombie en el blog -->




<!-- Inicio zombie en el blog -->
<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMp7HufXuicbtfjc6lj9XB6JlUPm__Ok6_VV0Uu0cXzBuhmt6Wuk3Y4G7JTGx7lWgvumnzKkbca-TEPlcrJ67TlW3ed9Gu_DE4v6GqwHS8be_VHRuEslKn9cpol4QMA2H-rXgrb7HhrDY/s138/zombie-4.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>
<!-- Fin zombie en el blog -->




<!-- Inicio zombie en el blog -->
<marquee direction='right' scrolldelay='260' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvWKuyBUGDcWIZLiuhp1VuF5-Nrocd59TWqKbFKJC1pFMyTahckRcvfgcKfQvXytl7FWFuoWVNryog2TO1aB7Jv5eM_tlWijUcH-3au4oy-Y7oLgQ9BndiZ9Xoz3LFPOqTXGyWPByG5pg/s148/zombie-5.gif' style='border:0; background:none; padding:0; box-shadow: none; width:70px;'/></marquee>
<!-- Fin zombie en el blog -->


El zombie que elijas saldrá de la parte inferior izquierda, llegará hasta el final y aparecerá de nuevo.
Si quisieras modificar la velocidad con la que se desplaza entonces cambia el valor dentro de scrolldelay, con un valor más alto se hará más lento y viceversa.

Si lo prefieres puedes complementarlo con estos sonidos de Halloween o unos cursores de Halloween para el blog.

No hay comentarios:

Publicar un comentario