Zombies por el blog

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/AVvXsEhvcUZpEJNjH5-aZhvYZuNLs14sdqvyiYNYEiD3Ifr_Y_ny1Ir1SxPSjyhoIEGjal3U5UWQsTIZQ1FuhQbLwOXsjAbGEkYtqAxbZvwuupyI4E-SSAoPjRB4O7kiqYFf-jRaiIoHg0vi_j0/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/AVvXsEhY_eTgWT6xVA1kFFy2jQyMzfKX3J4lXjzigTE_iFEYhIQRnKAwQR6P3GqpqwlaF7AxLByi8Ie2FR1feqN-lk20jeSY8ODaL4bSz317w1u9eIrJD-RtMdRwTD6dYoLACTVUg04DmodDHK0/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/AVvXsEiGP0LQgd99IqscDVM91W2BlwAJpf3nIEJ7aGv4Z9XZjPiDk4mOJVAssD8LfUMFDa7KR-vqqH0c_pVBfGa7nabg4fkCHiP_6x0a4VrjfR3IEG-VFufL5LTPx-mwXM0zbT1UKQxd6UU-v8M/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/AVvXsEjMe63B3m3sh8MMq6xM94_QfBKDMo8nZRrBw6ndJX91b2Dh4vYK5B9V-uUgOO3UiP6FymxlFBFnRm9HKDJMIKIFn-H-4eC5I6WLsQjYiNeWUFIHDpjmfP67knJAG39f7tQTmsf0AxfJxw8/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/AVvXsEg0VhaqzupZar0xwQgOOM5KF_rBrsVE34Ys8L64JxF4CtCbIHsYVTPIRjw1Yq0-h_j9goMsYQOxx2rgvAU6L56ezW204bwEUpN6exaTqe4mSxGe1-Z2B4dTVMviWiCUW6gu7uOEtCRJjEg/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.

Gracias a : Potro

Posted in: Blogger, Diseño Web, Wordpress