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
Ciudad Blogger
Muy buena opción para adornar el blog en estas fiestas.
ResponderEliminarSaludos!
o tambien en tu codigo la parte de la imagen que es
ResponderEliminarhttp://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.
Muy bien potro muy buen efecto
ResponderEliminartenia 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
PepeX siii que ya se empiece a sentir la temporada =)
ResponderEliminarwwe-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 ;)
Muy buen efecto Potro!!!
ResponderEliminarSaludos
Qué bueno que te gustó Cesc =)
ResponderEliminarSaludos!
ya la puse en mi blog y quedo muy bueno en efecto :D.
ResponderEliminarGracias potro.
Saludos.
Muy bueno
ResponderEliminarya lo añadi, y se ve muy bien con la imagen de el post que acabo de subir.
saludos.
Les ha quedado muy bien a ambos ;)
ResponderEliminarSaludos.
Muchas Gracias!!!
ResponderEliminarMejorando y Aprendiendo, como siempre gracias a tus aportes.
Me quedo super!
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.
ResponderEliminarTienes 100 de promedio.
Esta muy bueno el truco y siempre tienes algun hack para estas fechas como el de halloween :D
ResponderEliminarsaludos!
Gracias a los 3 por sus comentarios, me alegra que les haya gustado.
ResponderEliminarSaludos!
quedo bueno el logo de ciudad blogger con el gorro de navidad :D
ResponderEliminarGracias fabian =)
ResponderEliminarMe gusta porque das buenas ideas para los que como yo estamos empezando.
ResponderEliminarHola concha,
ResponderEliminarEsa es la idea, que sea fácil aun para los que empiezan.
Saludos.
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?
ResponderEliminarMmMmMmMmmMmMmMm
Gracias! Potro cuando lo entiendo lo pongo
Sólo copias y pegas, la idea es no alojar nada en ningún servidor para que cargue más rápido.
ResponderEliminarSaludos.
Potro como se le hace para que la nieve llegue mas abajo, solo se ve en un pedazo del blog.
ResponderEliminarEn el código que pegaste antes de </head> busca esta parte:
ResponderEliminarvar 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.
potro pero le puse 980 y nada llega a la misma parte
ResponderEliminarNo 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.
ResponderEliminarSaludos.
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!
ResponderEliminarHola Taller de Soco,
ResponderEliminarEfectivamente sólo se ve en los primeros 768px desde arriba. Qué bueno que te ha gustado =)
Saludos.
Gracias El Potro creo que para estas fechas está genial pero una pregunta aunque la respuesta sea obvia:
ResponderEliminarCuando pasen estas fechas y queramos quitar el efecto simplemente borramos lo anteriormente Pegado ¿no?
Gracias y saludos
Claro JantonioSR, sólo elimina lo que has puesto y volverá a la normalidad.
ResponderEliminarSaludos.
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.
ResponderEliminarSaludos
Yo he entrado a tu blog y no se alentó el cursor, supongo que tiene que ver con tu equipo.
ResponderEliminarQué bueno que te ha gustado el truquillo.
Saludos.
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
ResponderEliminarHola charly,
ResponderEliminarClaro 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!
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
ResponderEliminarhttp://crepusculo-latina.blogspot.com/
saludos
Excelente samantha, definitivamente ese copos quedan mejor en tu plantilla.
ResponderEliminarSaludos!
ESte me ha funcionado, gracias!! el de los corazones no :(
ResponderEliminarNo puedes tener dos de estos al mismo tiempo.
ResponderEliminarbuenas 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)
ResponderEliminarUsa las teclas CTRL + F para localizar el código más fácil.
ResponderEliminaresta muy bien, estas navidades lo pondré, pero creo que qeuda mejor si modificas las línea:
ResponderEliminar``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...
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.
ResponderEliminarSaludos.
Que interesante creo que lo pondre en mi blog ahora que llegue Diciembre
ResponderEliminarSaludos
Seguro quedará muy bien :)
ResponderEliminaramigo 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?
ResponderEliminarCon 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.
ResponderEliminarno puedo bajar el archivo, por que el que de ve estar antes de head
ResponderEliminarSi te abre una página copia el código que hay en ella y pégalo donde se indica.
ResponderEliminaruna 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
ResponderEliminarpotro savez desde hoy en la mañana q abri mi blog percato q la nieve no cae que pasaria
ResponderEliminarRyunosuke Hitori, mira el comentario #21
ResponderEliminarPosandoval The Master, no veo que tengas el código en tu blog :\
esta bien pero termina muy pronto la nieve me gustaria que llegase un poco mas lejos jeje
ResponderEliminarBusca donde dice doc_alto = 768 y cambia ese valor por uno más alto.
ResponderEliminarHola 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¿Qué error te marca?
ResponderEliminarMuy bueno, buscaba algo así hace tiempo con copos bonitos. Muchas gracias, queda bastante bien.
ResponderEliminarFelices Fiestas.
Me alegro que te haya gustado :)
ResponderEliminar¡Felices fiestas!
yo lo puse y quedo muy bonito de verdad. pero ahora quitarlo cómo?
ResponderEliminarDescarga 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.
ResponderEliminarLuego busca el otro código que se menciona en la entrada que debías poner e igual elimínalo.
Hola El Potro, que bonito quedan los copos de nieve en el blog...
ResponderEliminarMe 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.
Hola Mariajo,
ResponderEliminarAl 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 :)
No puedo descargar el archivo,
ResponderEliminarhago click y me sale una página en blanco.
Prueba hacerlo desde otro navegador, yo acabo de verificar y el archivo está funcionando correctamente. Saludos.
ResponderEliminarYa lo tengo lo he descargado co el firefox,
ResponderEliminarme ha quedado muy bien y me ha sakido a la primera, no me lo creo ni yo jejeje.
Muchas gracias
Mariajo
Hola Potro!!
ResponderEliminarHoy 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?
Hola MariajoyAndrea, me temo que no. Sí puedes modificar la velocidad en
ResponderEliminarvar velocidad = 4, pero lo demás depende de cada navegador y su forma de interpretar los scripts :(
Se pueden poner gif animados para los copos de nieve?
ResponderEliminarSaludos.
Claro, sólo cambia en el archivo esta URL:
ResponderEliminarhttps://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png
En su lugar pon la URL de la imagen que quieres.
Saludos.
Pero me refiero a que si el gif se reproducirá.
ResponderEliminarSaludos y gracias.
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.
ResponderEliminarEntonces para esta navidad (que inventó Coca-Cola) lo implementaré.
ResponderEliminarSaludos.
Jajaja, bien!
ResponderEliminarGracias, gracias, gracias!!!Me estás ayudando muchísimo con mi blog, mira como quedó
ResponderEliminarhttp://conchicblog.blogspot.com/
Espero que te guste.
Me ha encantado el resultado ConchiC :)
ResponderEliminarNo puedo bajar el archivo del dropbox, se abre la ventana y no sale nada de nada.
ResponderEliminarpero 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.
ResponderEliminarAndaba fallando Dropbox pero ya está de vuelta. Suerte con la imagen que buscas!
ResponderEliminarHay alguna manera de cambiar el tamaño de los copos? me gustaría que fueran más pequeños :)
ResponderEliminarSó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:
ResponderEliminarhttps://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png
¿El código completo de qué? o.O
ResponderEliminarGracias, 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.
ResponderEliminarSaludos.
El cambio de velocidad no es muy perceptible, en realidad es muy poco lo que varía :/
ResponderEliminarGracias sirvio
ResponderEliminarhola 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?????
ResponderEliminarHola Ikaruz Radio, mira el comentario #21 para que veas qué modificar para ampliar el área donde cae la nieve.
ResponderEliminarGracias Potro, pasate por aquiy echale un vistazo a como quedo. www.alevinesobrero.blogspot.com
ResponderEliminarUn 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.
gracias potro y excelente tu pagina
ResponderEliminarmuy buenos scrpits para blogs
Gracias por tu comentario. Saludos :)
ResponderEliminar¿Pero como se quita? Es que ya han pasado y lo quiero quitar?
ResponderEliminarSólo busca el código que pegaste y elimínalo.
Eliminardisculpa no habra una forma de vez de que caiga nieve, caiga hojas de otoño..
ResponderEliminarHola Edgar, para cambiar la imagen del copo busca esta URL y cámbiala por la que quieres:
Eliminarhttps://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png
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.
ResponderEliminarHola COFRADIA, busca esta línea, así podrás identificar el código:
Eliminar// Nevando en la pagina por Eloi Gallés Villaplana
como puedo aumentar el tamaño del copo
ResponderEliminarEl 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.
EliminarHola, ¿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 :(
ResponderEliminarPorque 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.
EliminarGracias por tu tutorial, año tras año lo sigo usando en areka-crafts-manualidades.blogspot.com y me encanta. Saludos.
ResponderEliminarMuy buen efecto, gran trabajo. Saludos.
ResponderEliminar