Sunday, October 14, 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/AVvXsEjya7z-vBpugJUzqDshWuPAHr_xIjv1dMoT2VPG_ntDXoZ7Zr8JEWAx8qfeXu5XetxbGf_fpyIvXB9bQxbiPGFVa3pClsLlX_zgfgtFOTS0xiQeUVP2_g-l6GJiMUAJ66WWShctiFW1JfM/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/AVvXsEgAyb4IxTZMNwQ9uT-4O0Jxvjt3_tLe8EKzqMRA7JBxUncXLrfsC2aK_xIrvx6XrsymAHF5QFtL7XlarMLHrBse3fVcI_S2vHEa7wTKphk-6DaquHvAGjD6jMmzsNA8KeFL41BEXf6WZG0/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/AVvXsEg_2gdH4thbyWs6Kdbjnyf4BiANDscJNo6GlWgT758Q0wG8Kx-go47BG725UKfZVQNgtWT_kZrnrtHgZw_-477ap9hHtINopJoTss2zbk_xxiQxOtdTtGaKZFu6tJKgHnydrldlmQNvmKQ/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/AVvXsEjimnAADzj7NtMfcY-npf9Fu3g2_VSURYKqlAZL-V5E_t41c8bor1obZWqR-y5xSCZ3AVokGNDKJA5zwvcPmugdMZjcYhhnvh7_BSUBgYRbElGOIdQlbUnC0MbZBCXfEIYKWhXxZEPpPpM/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/AVvXsEgQz36TD7rfE9S7gog9R-ekdIBHHTmal8bVkq9KLfunjEjMhdQUmHK1D5nMmuMWiiQrOlf7YgPkKjoQyVJNM_lQ4peXESedl_GZjW1D6U40VpODkKbiibPik09gybbhME05VW4At67uz4A/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 comments:

Post a Comment