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

Nieve en el blog

29 de noviembre de 2009 | | 91 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

91 Comentarios en total

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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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

    ResponderSuprimir
  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 ;)

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

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

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

    saludos.

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

    ResponderSuprimir
  9. Muchas Gracias!!!

    Mejorando y Aprendiendo, como siempre gracias a tus aportes.

    Me quedo super!

    ResponderSuprimir
  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.

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

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

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

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

    ResponderSuprimir
  15. Hola concha,

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

    ResponderSuprimir
  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

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

    Saludos.

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

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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!

    ResponderSuprimir
  23. Hola Taller de Soco,

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

    ResponderSuprimir
  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

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

    ResponderSuprimir
  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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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

    ResponderSuprimir
  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!

    ResponderSuprimir
  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

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

    Saludos!

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

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

    ResponderSuprimir
  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)

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

    ResponderSuprimir
  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...

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  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?

    ResponderSuprimir
  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.

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

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

    ResponderSuprimir
  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

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

    ResponderSuprimir
  45. Ryunosuke Hitori, mira el comentario #21

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

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

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

    ResponderSuprimir
  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?

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

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

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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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.

    ResponderSuprimir
  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 :)

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

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

    ResponderSuprimir
  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

    ResponderSuprimir
  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?

    ResponderSuprimir
  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 :(

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

    Saludos.

    ResponderSuprimir
  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.

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

    Saludos y gracias.

    ResponderSuprimir
  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.

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

    Saludos.

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

    ResponderSuprimir
  66. Me ha encantado el resultado ConchiC :)

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

    ResponderSuprimir
  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.

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

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

    ResponderSuprimir
  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

    ResponderSuprimir
  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

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  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?????

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

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  79. Gracias por tu comentario. Saludos :)

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

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

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

    ResponderSuprimir
    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

      Suprimir

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