TRUCOS Y
TUTORIALES
PARA TU BLOG
No, no vendemos
camisetas... aun

Zombies caminando en el blog sin scripts

14 de octubre de 2012 | | 87 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='http://lh6.googleusercontent.com/-W8z_GYyNYHc/UHmk8llafTI/AAAAAAAADE4/crxCSbzhzJ4/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='http://lh3.googleusercontent.com/-HmIVL0toLnk/UHmnZDDdkaI/AAAAAAAADFE/3OfeWmwb8g4/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='http://lh6.googleusercontent.com/-ZyNeK3O7HfY/UHmuzy0BqCI/AAAAAAAADF0/HZcDxf2UyG0/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='http://lh5.googleusercontent.com/-7qIMhgVdLLA/UHmw3jFNjaI/AAAAAAAADF8/ovXRaA0kV_0/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='http://lh6.googleusercontent.com/-aOC4xxs2oTU/UHm55XPjjpI/AAAAAAAADGw/E0l9sL4gpKc/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.

87 Comentarios en total

  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. Respuestas
    1. MUXLIMO, Anny Pink, gracias por su visita, saludos!

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

    ResponderEliminar
  6. 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
  7. gracias, muy bueno, pero me ayudan? jejej lo intente pero me sale error XD

    ResponderEliminar
  8. 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
  9. ¡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
  10. 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
  11. Gracias! Estaba buscando algo discreto para Halloween y esto me ha gustado mucho. Ya está colocado.

    ResponderEliminar
  12. ¡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
  13. 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
  14. 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
  15. Gracias potro me gusto el primero lo voy a poner :)

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

    Saludos.

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

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

    ResponderEliminar
  19. 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
    Respuestas
    1. Bastante creativa la idea, no se me había ocurrido :)

      Eliminar
  20. 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
  21. 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
  22. 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
  23. 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
  24. jajaj calidad lo coloco de inmediato.. gracias super potro.. :D

    ResponderEliminar
  25. ¡¡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
    Respuestas
    1. Eso espero, que les guste :)
      Gracias por pasar.
      Saludos.

      Eliminar
  26. 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
  27. Genial como siempre.Un saludo potro.

    ResponderEliminar
  28. 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
  29. 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
  30. jajjaa están adorables, me encantaron....

    Dudo que quieran ir conmigo D:

    Saluttes Potro!!

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

    ResponderEliminar
  32. 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
  33. 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
  34. La serie The Walking Dead está pegando fuerte XD

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

    ResponderEliminar
  36. 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
  37. 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
  38. 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
  39. hola y como cambio las letras para que se vea como las que dicen ZOMBIES

    ResponderEliminar
    Respuestas
    1. No creo que haya una fuente online que sea similar.

      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.
 
2013 © Ciudad Blogger
¿Te gusta Ciudad Blogger?