Zombies caminando en el blog sin scripts

14 de octubre de 2012 92 comentarios ,

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/AVvXsEjrf_ItBkppjueuYFPjoH2y9vkXUrD8s7Dc4Ul0lD8xKKfBhJgaE0zYwT2uawG1tiKwq4eDbvcBOuJOXAxzTKwGeac7Mv3hd0FC0EY1PmPa8Un4X9-PQnNn6dNyv9yk3HpJTGhiHSbWiM0/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/AVvXsEj1WMDatWd50MXRV93RUoRzKhxx0-zuBs4m9LjA7Tvk853DUh2DvegnZx3MNDfHlXPxEM1hqffo7FkuwkV0iG159s1jjFMgq7wvGOsaoSQVNxuYv8LmDNRrvdrgvcs8vhPvq0Ykqfxk5b8/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/AVvXsEhf_JujL-EGOdJKTqlvCR3nvb9qLRbXEl9oWv3Rs96btu6gIo0y3QS_4ZvPinrpGOgsUmCW0Mky0rvLuVKBjjhJ_Tqr3juaIGrHm10UcYkkBqnv4mOUOW6k7Fbi5LqLtaVAfy1YUR_d-_Y/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/AVvXsEjPGExPW1jYOXIKmoH2zHfaHN-NPa7Qj6ZFSu1sPNDaLkYHq0nHcM2bg48KAZjRfek18mVmkX2hsP0F-EUYz9ISv98yFKsFLRC8CHWsQRUQtyYVnQCX7Wgsh0xN8aEJhKtHvPhqiXVxHRg/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/AVvXsEgKH8LtlnPuqIRKPwyhGIVPzr-TslTlyXJEHE0hTMPXQ9iMiP3MlqXZd1wQ8slA7AtnkL1LVEknb-Vn6rRf2fRuQBwizXEE5tpcVrqOXmp7iYEwK2n7lgw8EcblRqpZ6jq_p1DbKGnfENM/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.


92 comentarios en:

" Zombies caminando en el blog sin scripts "

  1. aaahhh, ¡¡¡¡qué susto, madre mía!!!!..jejejejeje, pero bueno, seguro que tu aportación viene bien para muchas cosas, y siempre se puede cambiar el zombie por una rosita de alejandría mismo, digo yo, ¿no?...:)

    ¡un beso!
    :))

    ResponderEliminar
    Respuestas
    1. Claro, puedes poner una flor mutante que devore a todos los humanos, o un rosal que aviente espinas para matar gente. Que tierno soy en Halloween :)

      ¡Besos guapa!

      Eliminar
  2. Saludos potro el zombie se ve genial pero solo camina un poco me gustaría alargar su caminata como lo hago gracias

    ResponderEliminar
    Respuestas
    1. Ya he modificado los códigos para que no tengan ese problema. Saludos.

      Eliminar
    2. Gracias amigo quedo de lujo te felicito por tu web exitos

      Eliminar
  3. Oh potro como siempre aportando tan divertidas cosas. Muchisimas gracias :)

    Besos

    ResponderEliminar
    Respuestas
    1. Lucas Maidana, aaron marquez, Rose B., gracias a ustedes, qué bueno que les ha gustado :)

      Eliminar
  4. Jjejeje lastima que no festejo Haloween ifff.... oye, y veo que has cambiado el poloche jjiji nos vemos THX!

    ResponderEliminar
  5. Muy bonitos ¡me gustan!
    Tengo una duda distinta a este post, y como no se como contactarte me atrevo a preguntarte por aquí.
    Justo acabo de revisar las visitas de mi blog hoy, y al entrar me fijo que el contador de blogger se reinicio por completo, es decir de todas las entradas que tengo me aparece que ninguna a sido vista y las visitas totales me salen 100 aprox. y ayer estaba por llegar a las 10,000.
    ¿Me podrias decir a que se debe esto? o si acaso ¿es un error de blogger?
    Saludos y disculpa la molestia

    ResponderEliminar
    Respuestas
    1. Hola Carlos, se trataba de un error de Blogger, pero se supone que a esta hora ya debe estar resuelto:
      http://knownissues.blogspot.com/2012/10/missing-stats-for-pageviews.html

      Eliminar
    2. Si, la verdad tardo un poco en volver a la normalidad muchas gracias!

      Eliminar
  6. gracias, muy bueno, pero me ayudan? jejej lo intente pero me sale error XD

    ResponderEliminar
  7. oye gracias per opodrian ayudarme, lo intente pero me sale eror XD

    ResponderEliminar
    Respuestas
    1. No he podido ver el error Rosmery, pero sólo debes tener cuidado que al momento de pegarlo no elimines ningún caracter por descuido.
      Saludos.

      Eliminar
  8. ¡Que tal Potro! Genial esta marquesina, coloqué el zombie en mi blog pero hay un problema apenas aparece el gif y desaparece a los pocos pasos, y un detalle mas usé los botones para compartir que colocaste hace unos cuantos post. El que baja junto con la pagina, el problema es que ya no baja como debería hacerlo. Espero me puedas echar una mano. ¡Saludos y buena vibra!
    Mi Blog: elhuarachevengador.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Fando Stroke, pon de nuevo el código, ayer los modifiqué para que no presenten esos problemas en algunas plantillas. Buen inicio de semana!

      Eliminar
    2. ¡Gracias Potro, buena vibra!

      Eliminar
  9. Respuestas
    1. Por supuesto, sólo cambia a los demás zombies el bottom:10px; que está en el código, con un valor más alto hará que se muestre más arriba, así no se encimará uno con otro.

      Eliminar
  10. Gracias! Estaba buscando algo discreto para Halloween y esto me ha gustado mucho. Ya está colocado.

    ResponderEliminar
  11. ¡Brutal! Jaja, adoro cambiar el diseño de mi blog y como se acercan estas fechas no viene mal saber unos truquillos de decoración :P
    PD: me encanta la camiseta que tienes en la "sub-cabecera". Me la compraba sin dudarlo jajaja.

    ResponderEliminar
    Respuestas
    1. El propósito del próximo año será sacar a la venta las camisetas, a ver si ahora sí cumplo alguno de mis propósitos :D

      Eliminar
  12. Buena potro, apesar de que uso wordpress veo excelente siempre tus aportes, Un saludo !

    ResponderEliminar
    Respuestas
    1. Gracias Jose, por suerte algunas cosas se pueden aplicar también a esa plataforma. Saludos.

      Eliminar
  13. Hola!
    Me ha encantado tu idea pero la he probado en mi blog de pruebas con varios zombis a la vez con width:100px y cada uno me sale de un tamaño diferente.
    ¿Que puedo hacer para que todos tengan el mismo tamaño?
    Realmente lo que puse no son zombis, sino otras imágenes pero cada una tiene la misma altura originalmente.

    ResponderEliminar
    Respuestas
    1. Hola, el width es sólo el ancho, no el alto, si quieres establecer también una altura para todas tendrás que ponerles un height:100px;

      Eliminar
    2. Muchísimas gracias! ya me funciona todo perfecto

      Eliminar
  14. Gracias potro me gusto el primero lo voy a poner :)

    ResponderEliminar
  15. Gracias Potro, ¡lo he implementado en mi blog!

    Saludos.

    ResponderEliminar
  16. Uy, ideal para estas fechas! jajaja excelente Potro! que buén aporte. :)

    ResponderEliminar
  17. Wowwwwwwwwwwwwww excelente aporte Potro........funciona de maravilla....Mil Gracias

    ResponderEliminar
  18. Gracias Potro,este blog es de lo mejor.
    Ya tengo mi grupo de zombies caminando,los puse a distintas velocidades para que paresca que están persiguiendo al que va primero.

    ResponderEliminar
  19. jajaja!! se ven sensacionales !!

    gracias

    ResponderEliminar
    Respuestas
    1. OnSéKe, FINEM, Alan Guerrero, Antoxwoman, Rikardo Apv, zona lerh:
      Gracias a todos por sus comentarios, ¡buen inicio de semana!

      Eliminar
  20. Hola bro ahora si esta mejor que el de los murciélagos del año pasado, sólo una pregunta parecida al mensaje 14, sólo que lo intente pero sale uno arriba de otro, no sería mejor uno tras de otro o como una orda de zombies juntos. Digo si se puede. Saludos

    ResponderEliminar
    Respuestas
    1. Claro que se puede, en ese caso no modifiques ese valor, modifica el scrolldelay de cada uno para que tengan velocidades distintas y así aparezca uno detrás de otro.

      Eliminar
  21. Potro!!! Siempre preguntando donde no es. Como le quito el fondo a las imágenes? Es decir que queden sin el cuadrito que suele hacer blogger a su alrederor
    Me habías dado el código y lo extravié :(

    Saludos

    ResponderEliminar
    Respuestas
    1. Está en los comentarios de esta entrada, anótala en tus marcadores ;)
      http://ciudadblogger.com/2012/07/menu-horizontal-con-submenus-en-dos-columnas.html

      Eliminar
  22. La verdad que son copados, ja. Muy dinámicos y bien vistos. Pero particularmente no soy fanático de estas cosas en los blogs. Ojo, no digo que este no sea un buen aporte, solo planteo mi gusto personal.

    Te felicito por el blog, me ayuda muchísimo día a día!

    ResponderEliminar
  23. jajaj calidad lo coloco de inmediato.. gracias super potro.. :D

    ResponderEliminar
  24. ¡¡Jajajaja!! Que lindo toque para el blog, seguro a los visitantes les gustará y les parece divertido, gracias nuevamente por tus post, son muy útiles.

    ResponderEliminar
  25. Que buena publicación amigo Potro, adecuado para estas fechas, ¡eres lo máximo! Pues siempre compartes novedades muy necesarias. Que tengas una excelente noche. ^^

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tu comentario Dante, que tengas buen día.

      Eliminar
  26. Hola, Potro aquí Lepanto77 otra vez. Sólo quería preguntarte si ya no tienes la sección de ayuda. Hace tiempo me ayudaste con un problema de materiales alojados en dropbox que publiqué en mi blog. Hoy quisiera saber si me puedes orientar sobre cómo subir material creado con Cartoon Story Maker al blog o cómo correrlo desde dropbox para poder agregar ligas al blog. Estos son los archivos que genera una actividad en cartoon story maker

    http://dl.dropbox.com/u/25880040/archivos.png

    Muchas gracias de antemano.

    ResponderEliminar
    Respuestas
    1. No sabría decirte Lepanto, nunca he usado ese programa :s

      Eliminar
    2. Gracias. En la página oficial no explican cómo hacerlo, así que seguiré buscando.

      Eliminar
  27. Hola potro: Pues me gustaria saber en la parte de widget pues he buscado cuanto ancho es 270... 270 de anchos pero ahora necesito saber la altura maxima para poner un contador.. para que la imagen del contador quepa en el widget!
    Saludos!

    ResponderEliminar
    Respuestas
    1. No comprendo la pregunta Antonio, pero ya antes dejaste unos comentarios en la entrada del contador, si es sobre ese tema déja la pregunta allá para darle el seguimiento donde corresponde.
      Saludos.

      Eliminar
  28. jajjaa están adorables, me encantaron....

    Dudo que quieran ir conmigo D:

    Saluttes Potro!!

    ResponderEliminar
  29. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  30. quisiera saber como cambiar la imagen de fondo de las vistas dinamicas.... en mi blog.... http://technologyfans.blogspot.com/ -------- excelente pagina ,, me a sido de mucha ayuda...

    ResponderEliminar
    Respuestas
    1. En Plantilla > Personalizar > Fondo, puedes ver esas opciones.

      Eliminar
  31. Pues no me salen Potro, resulta que en la mini previa cuando edito html si sale pero luego nada de nada.

    ResponderEliminar
    Respuestas
    1. Entré al de depapercraftblog y ahí los veo, dos de hecho ;)

      Eliminar
    2. Yo los he visto una sola vez. No entiendo porque no salen luego

      Eliminar
    3. Lo que sucede es que tienes el Lazy Load, así que las imágenes las carga sólo si bajas hasta el final de la página. Una opción es que pongas a los zombies justo después de BODY.

      Eliminar
    4. lo pongo tras BODY y siguen saliendo al final

      Eliminar
    5. Entonces tendrás que editar el script de Lazy Load para que sólo se aplique a las imágenes de las entradas y no en todo el blog, en el post de Lazy Load se explica cómo hacerlo.
      Saludos.

      Eliminar
    6. gracias potro, todo arreglado. Mi blog ya huele a carne putrefacta.

      Eliminar
  32. La serie The Walking Dead está pegando fuerte XD

    ResponderEliminar
  33. pues lo pongo tras BODY y siguen saliendo al final.

    ResponderEliminar
  34. Hola yo lo pongo antes de Body y no me funciona, y si lo pongo detras tampoco, tambien he probado los de las hojas de Otoño y tampoco me funciona, será por Internet Explorer. o que hay más de un Body y lo hago mal. Gracias por tu ayuda, lo de poner un reloj si me funciona

    ResponderEliminar
    Respuestas
    1. Las hojas de otoño no funcionan en ese navegador, en la entrada se especifica eso. Los zombies deberían funcionar, no está de más que pruebes desde otro navegador para que te cerciores que no sea por IE.
      Saludos.

      Eliminar
  35. Muy bueno. Bueno en general cualquier cosa que se pone en esta pagina es genial. Casi todo mi blog se lo debo a modificaciones hechas a partir de códigos propuestos aquí.
    Y bueno particularmente el zombie queda genial. Si alguien quiero ojearlo funcionando en un blog el mio es www.alicantebizarro.blogspot.com

    ResponderEliminar
  36. Muy bueno! me encantas tus aportaciones y he aprendido mucho de ti. la mayoria de cosas en mi blog vienen de aqui jejeje si queréis entrar en mi blog : todoblogsenuno.blogspot.com
    repito, genial este blog! :) saludos!

    ResponderEliminar
  37. hola y como cambio las letras para que se vea como las que dicen ZOMBIES

    ResponderEliminar
  38. ME QUEDO DE MIEDO!! segui las instrucciones y voila! Zombie al instante que se pasea por ahi.. Creeepyy!

    ResponderEliminar
  39. al acabar Halloween no puedo quitar el zombie caminando. He ido a edición html y he borrado lo que puse para que apareciera pero aún sigue saliendo. ¿Qué puedo hacer?

    ResponderEliminar
  40. Quiero quitar el zombie una vez pasado Halloween y en HTML he quitado lo que puse para que apareciera, pero una vez quitado el código el zombie sigue apareciendo. ¿Qué hago?

    ResponderEliminar
    Respuestas
    1. Hola Luis, si aparece es porque aun está el código en la plantilla, revisa si quizá no lo pusiste dentro de un gadget HTML/Javascript, o si en la Edición HTML no tienes más veces el código.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger