Nieve en el blog

29 de noviembre de 2009 98 comentarios ,
blogger nieve
Ya falta menos de un mes para recibir la Navidad, así que ya es tiempo de empezar a decorar el blog con motivos navideños.
Es difícil pensar en la Navidad sin nieve y aunque en muchos países no nieva al menos podemos hacerlo posible dentro del blog. Puedes ver un ejemplo de la nieve en este blog de pruebas.

Para poner nieve en el blog descarga este archivo y pega el contenido antes de </head>

Luego antes de </body> pega esto:
<script language='javascript' type='text/javascript'>
nieva()
</script>

Al inicio del primer código que pegaste verás que dice var numero = 16 ahí puedes modificar el número de copos que quieres que aparezcan y en var velocidad = 4 la velocidad con la que caen.
Con estos sencillos pasos tendrás nieve cayendo en tu blog lo cual le dará un espíritu navideño


98 comentarios en:

" Nieve en el blog "

  1. Muy buena opción para adornar el blog en estas fiestas.
    Saludos!

    ResponderEliminar
  2. o tambien en tu codigo la parte de la imagen que es
    http://img32.imageshack.us/img32/5465/copo.png
    el copito de nieve tambien se puede colocar una imagen personalisada.
    O y que buen trucaso es uno de los mejores codigos que e visto.

    ResponderEliminar
  3. Muy bien potro muy buen efecto
    tenia pensado buscarlo y probar que tal se ve
    pero veo que me has ganado la idea
    esta bien muy bien
    luego lo coloco el martes que es 1 de diciembre
    vale

    muy buen truco

    ResponderEliminar
  4. PepeX siii que ya se empiece a sentir la temporada =)

    wwe-cv, sólo hay que procurar que la imagen no exceda del tamaño de la que he puesto o los resultados pueden no ser muy buenos.

    Alex, sale, que te quede bien el blog ;)

    ResponderEliminar
  5. Qué bueno que te gustó Cesc =)
    Saludos!

    ResponderEliminar
  6. ya la puse en mi blog y quedo muy bueno en efecto :D.
    Gracias potro.
    Saludos.

    ResponderEliminar
  7. Muy bueno
    ya lo añadi, y se ve muy bien con la imagen de el post que acabo de subir.

    saludos.

    ResponderEliminar
  8. Les ha quedado muy bien a ambos ;)
    Saludos.

    ResponderEliminar
  9. Muchas Gracias!!!

    Mejorando y Aprendiendo, como siempre gracias a tus aportes.

    Me quedo super!

    ResponderEliminar
  10. Hola Potro, segui las instrucciones y consegui el efecto, este es el mejor blog de recursos blogger. Muchas gracias por tan grande esfuerzo y por compartir los conocimientos.
    Tienes 100 de promedio.

    ResponderEliminar
  11. Esta muy bueno el truco y siempre tienes algun hack para estas fechas como el de halloween :D
    saludos!

    ResponderEliminar
  12. Gracias a los 3 por sus comentarios, me alegra que les haya gustado.
    Saludos!

    ResponderEliminar
  13. quedo bueno el logo de ciudad blogger con el gorro de navidad :D

    ResponderEliminar
  14. Me gusta porque das buenas ideas para los que como yo estamos empezando.

    ResponderEliminar
  15. Hola concha,

    Esa es la idea, que sea fácil aun para los que empiezan.
    Saludos.

    ResponderEliminar
  16. Muy Bueno pero como que es Mucho Codigo para descargar No alli si no le entendi lo descargo y lo subo a mi servidor y coloco la Url de donde esta alojado O simplemente copio y pego?
    MmMmMmMmmMmMmMm

    Gracias! Potro cuando lo entiendo lo pongo

    ResponderEliminar
  17. Sólo copias y pegas, la idea es no alojar nada en ningún servidor para que cargue más rápido.

    Saludos.

    ResponderEliminar
  18. Potro como se le hace para que la nieve llegue mas abajo, solo se ve en un pedazo del blog.

    ResponderEliminar
  19. En el código que pegaste antes de </head> busca esta parte:

    var i, doc_ancho = 1024, doc_alto = 768

    Lo que está en negrita es el alto, modifícalo a 980 para que los copos de nieve caigan más abajo.

    Saludos.

    ResponderEliminar
  20. potro pero le puse 980 y nada llega a la misma parte

    ResponderEliminar
  21. No llega a la misma parte, llega más abajo, pero nunca va a llegar hasta el footer del blog. El script sólo permite mostrar los copos dentro de una medida especificada, no en todo el largo del blog.

    Saludos.

    ResponderEliminar
  22. Gracias por el truco y los pasos a seguir. Claro y eficiente! Ya tenemos copitos de nieve cayendo sobre el blog de nuestro Taller de patchwork. La pena es que no lleguen a verse a medida que se visualiza el blog entero (nos pasa como a cargohe, sólo se ve en el primer golpe de pantalla). Pero lo que se ve le da un toquecillo navideño... ;) Un saludo!

    ResponderEliminar
  23. Hola Taller de Soco,

    Efectivamente sólo se ve en los primeros 768px desde arriba. Qué bueno que te ha gustado =)
    Saludos.

    ResponderEliminar
  24. Gracias El Potro creo que para estas fechas está genial pero una pregunta aunque la respuesta sea obvia:
    Cuando pasen estas fechas y queramos quitar el efecto simplemente borramos lo anteriormente Pegado ¿no?

    Gracias y saludos

    ResponderEliminar
  25. Claro JantonioSR, sólo elimina lo que has puesto y volverá a la normalidad.
    Saludos.

    ResponderEliminar
  26. Gracias El Potro se ha quedado genial,aunque la única pega es que ralentiza un poco el movimiento del ratón,pero bueno es aceptable.

    Saludos

    ResponderEliminar
  27. Yo he entrado a tu blog y no se alentó el cursor, supongo que tiene que ver con tu equipo.
    Qué bueno que te ha gustado el truquillo.

    Saludos.

    ResponderEliminar
  28. Gracias Potro por todo tu interés en ayudarnos, una pregunta se puede poner una nieve mas pequeña, pues los simbolos del hielo me parecen que ocupan mucho. gracias y un saludo

    ResponderEliminar
  29. Hola charly,

    Claro que se puede; al inicio del código hay esta URL:
    http://img32.imageshack.us/img32/5465/copo.png

    Cámbiala por la imagen de un copo de nieve más pequeño.

    Saludos!

    ResponderEliminar
  30. excelente truco! ya lo e colocado en el blog muchas gracias =) te invito para q lo veas como quedo solo le hice los copos de nieve

    http://crepusculo-latina.blogspot.com/

    saludos

    ResponderEliminar
  31. Excelente samantha, definitivamente ese copos quedan mejor en tu plantilla.

    Saludos!

    ResponderEliminar
  32. ESte me ha funcionado, gracias!! el de los corazones no :(

    ResponderEliminar
  33. No puedes tener dos de estos al mismo tiempo.

    ResponderEliminar
  34. buenas hermano! soy nuevo en esto, y hay alli una cosa que no entiendo, es en la parte de: diseño>edicion de HTML; esas palabras que simpre colocas: "head y body" no se como encontrarlas!! para que por favor me ayudes! gracias! (Y)

    ResponderEliminar
  35. Usa las teclas CTRL + F para localizar el código más fácil.

    ResponderEliminar
  36. esta muy bien, estas navidades lo pondré, pero creo que qeuda mejor si modificas las línea:

    ``var i, doc_ancho = 1024, doc_alto = 768´´

    Cambiando 1024 por 900, ya que si dejas 1024 los copos algunos se te salen del ancho y abajo te sale una barra lateral intermitente...

    ResponderEliminar
  37. El problema es que no aplica para todas las resoluciones de monitores, pero sí, es una excelente observación para quienes tengan una resolución distinta.
    Saludos.

    ResponderEliminar
  38. Que interesante creo que lo pondre en mi blog ahora que llegue Diciembre
    Saludos

    ResponderEliminar
  39. amigo una duda y disculpa si es necia es q soy novato en este tema, a medida que suba o baje los numeros para la velocidad de los copos de nieve caeran mas rapido o mas bajo?

    ResponderEliminar
  40. Con un número más bajo irá más rápido pero ya sea que pongas un número mayor o menor la diferencia será mínima, en realidad no es mucho el cambio.

    ResponderEliminar
  41. no puedo bajar el archivo, por que el que de ve estar antes de head

    ResponderEliminar
  42. Si te abre una página copia el código que hay en ella y pégalo donde se indica.

    ResponderEliminar
  43. una pregunta en este blog que tengo solo me cae en una aprte la nieve, pero lo que apsa es que anda dividido en 3 partes, entocnes como puedo ahcer para que se euda ver por completo y de corrido en todo mi blog: http://blogparamipersonaespecial.blogspot.com/ creo que nos e como jaja >< si me pueden ayudar thx

    ResponderEliminar
  44. potro savez desde hoy en la mañana q abri mi blog percato q la nieve no cae que pasaria

    ResponderEliminar
  45. Ryunosuke Hitori, mira el comentario #21

    Posandoval The Master, no veo que tengas el código en tu blog :\

    ResponderEliminar
  46. esta bien pero termina muy pronto la nieve me gustaria que llegase un poco mas lejos jeje

    ResponderEliminar
  47. Busca donde dice doc_alto = 768 y cambia ese valor por uno más alto.

    ResponderEliminar
  48. Hola Potro, soy nueva en esto pero quise bajar el archivo y me marca un error, cómo puedo hacer opara poner nieve en mi blog?

    ResponderEliminar
  49. Muy bueno, buscaba algo así hace tiempo con copos bonitos. Muchas gracias, queda bastante bien.
    Felices Fiestas.

    ResponderEliminar
  50. Me alegro que te haya gustado :)
    ¡Felices fiestas!

    ResponderEliminar
  51. yo lo puse y quedo muy bonito de verdad. pero ahora quitarlo cómo?

    ResponderEliminar
  52. Descarga de nuevo el archivo para que veas cómo es el código que habías agregado, busca ese código en tu plantilla y elimínalo.
    Luego busca el otro código que se menciona en la entrada que debías poner e igual elimínalo.

    ResponderEliminar
  53. Hola El Potro, que bonito quedan los copos de nieve en el blog...
    Me gustaría poner en mi blog algo similar pero en lugar de cops de nieve otra cosa como flores cayendo por el blog, ya que ahora con el calor que hace no pega mucho la nieve jeje.
    Felicidades de nuevo por tu maravilloso blog.

    ResponderEliminar
  54. Hola Mariajo,

    Al inicio del primer código que se pega hay esta URL:
    http://img32.imageshack.us/img32/5465/copo.png

    Cámbiala por la URL de la imagen que deseas.

    Saludos y gracias por las felicitaciones :)

    ResponderEliminar
  55. No puedo descargar el archivo,
    hago click y me sale una página en blanco.

    ResponderEliminar
  56. Prueba hacerlo desde otro navegador, yo acabo de verificar y el archivo está funcionando correctamente. Saludos.

    ResponderEliminar
  57. Ya lo tengo lo he descargado co el firefox,
    me ha quedado muy bien y me ha sakido a la primera, no me lo creo ni yo jejeje.
    Muchas gracias

    Mariajo

    ResponderEliminar
  58. Hola Potro!!
    Hoy he probado con el google chrome y con el opera y las flores bajan super rápido a una velocidad de vértigo y eso que tengo la velocidad mínima,hace un efecto muy feo en blog, con el explorer caaen muy despacito como a mi gusta, ¿se puede hacer algo para que se vea en todos los navegadores igual?

    ResponderEliminar
  59. Hola MariajoyAndrea, me temo que no. Sí puedes modificar la velocidad en
    var velocidad = 4, pero lo demás depende de cada navegador y su forma de interpretar los scripts :(

    ResponderEliminar
  60. Se pueden poner gif animados para los copos de nieve?

    Saludos.

    ResponderEliminar
  61. Claro, sólo cambia en el archivo esta URL:
    https://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png

    En su lugar pon la URL de la imagen que quieres.
    Saludos.

    ResponderEliminar
  62. Pero me refiero a que si el gif se reproducirá.

    Saludos y gracias.

    ResponderEliminar
  63. Lo que hará ese cambio que te dije es que en lugar de que aparezcan los copos de nieve aparecerán las imágenes que tú hayas elegido. Es una, pero aparece varias veces.

    ResponderEliminar
  64. Entonces para esta navidad (que inventó Coca-Cola) lo implementaré.

    Saludos.

    ResponderEliminar
  65. Gracias, gracias, gracias!!!Me estás ayudando muchísimo con mi blog, mira como quedó
    http://conchicblog.blogspot.com/
    Espero que te guste.

    ResponderEliminar
  66. Me ha encantado el resultado ConchiC :)

    ResponderEliminar
  67. No puedo bajar el archivo del dropbox, se abre la ventana y no sale nada de nada.

    ResponderEliminar
  68. pero lo he podido bajar con firefox. a ver cómo queda ahora el blog, porque buscar un dibujo más pequeño de copo me está costando.

    ResponderEliminar
  69. Andaba fallando Dropbox pero ya está de vuelta. Suerte con la imagen que buscas!

    ResponderEliminar
  70. Hay alguna manera de cambiar el tamaño de los copos? me gustaría que fueran más pequeños :)

    ResponderEliminar
  71. Sólo cambiando la imagen por una más pequeña. Para cambiar la imagen del copo busca esta URL y cámbiala por la que quieres:
    https://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png

    ResponderEliminar
  72. potro puedes escribir el codigo completo d una para poner en mi blog: www.noticiasmillos.com GRACIAS. cuando ya lo publiques porfa avisame en twitter: @NoticiasMillos

    ResponderEliminar
  73. Gracias, estaba buscando y probando otros codigos publicados, pero no habia manera de hacerle funcionar, con el tuyo perfecto, solo que la velocidad por mas que la cambio de 6 a otra cifra, no varia.

    Saludos.

    ResponderEliminar
  74. El cambio de velocidad no es muy perceptible, en realidad es muy poco lo que varía :/

    ResponderEliminar
  75. hola potro oye tu codigo si me sirvio pero solo se ve en la mitad de la pantalla, me ayudas para que se vean en todo el blog?????

    ResponderEliminar
  76. Hola Ikaruz Radio, mira el comentario #21 para que veas qué modificar para ampliar el área donde cae la nieve.

    ResponderEliminar
  77. Gracias Potro, pasate por aquiy echale un vistazo a como quedo. www.alevinesobrero.blogspot.com

    Un saludo y gracias

    P.D.: Haber si puedes investigar la manera de hacder llegar los copos hasta el final de la pagina, ya que veo que somos muchos los que pedimos lo mismo.

    ResponderEliminar
  78. gracias potro y excelente tu pagina
    muy buenos scrpits para blogs

    ResponderEliminar
  79. Gracias por tu comentario. Saludos :)

    ResponderEliminar
  80. ¿Pero como se quita? Es que ya han pasado y lo quiero quitar?

    ResponderEliminar
    Respuestas
    1. Sólo busca el código que pegaste y elimínalo.

      Eliminar
  81. disculpa no habra una forma de vez de que caiga nieve, caiga hojas de otoño..

    ResponderEliminar
    Respuestas
    1. Hola Edgar, para cambiar la imagen del copo busca esta URL y cámbiala por la que quieres:
      https://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png

      Eliminar
  82. Hola Potro , tengo un poquito descuidado el blog y me he puesto a actualizarlo.Quiero quitar el efecto de la nieve(aunque tengo otra imagen puesta) y no se exactamente lo que tengo que eliminar de la plantilla.Intento descargarme el archivo que tienes puesto en Dropbox para copiarlo y no me deja.¿Me puedes echar una mano?Ademas , me tarda en cargar el blog ¿sabes si tendré que actualizar algo?Gracias amigo.

    ResponderEliminar
    Respuestas
    1. Hola COFRADIA, busca esta línea, así podrás identificar el código:
      // Nevando en la pagina por Eloi Gallés Villaplana

      Eliminar
  83. como puedo aumentar el tamaño del copo

    ResponderEliminar
    Respuestas
    1. El copo es una imagen, en el archivo que se descarga verás una URL, esa es la URL de la imagen que puedes cambiar por una más grande.

      Eliminar
  84. Hola, ¿por qué en mi blog se ve solo en la portada?, es decir, se ve nada mas en la imagen que tengo comenzando mi blog, pero no llega hasta abajo, no llega ni siquiera al centro del blog :(

    ResponderEliminar
    Respuestas
    1. Porque la imagen de tu cabecera es muy alta y ocupa gran parte del blog. En realidad la nieve sólo se ve los primeros 768px desde arriba.

      Eliminar
  85. Gracias por tu tutorial, año tras año lo sigo usando en areka-crafts-manualidades.blogspot.com y me encanta. Saludos.

    ResponderEliminar

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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger