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
Muy buena opción para adornar el blog en estas fiestas.
ResponderSuprimirSaludos!
o tambien en tu codigo la parte de la imagen que es
ResponderSuprimirhttp://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
ResponderSuprimirtenia 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 =)
ResponderSuprimirwwe-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!!!
ResponderSuprimirSaludos
Qué bueno que te gustó Cesc =)
ResponderSuprimirSaludos!
ya la puse en mi blog y quedo muy bueno en efecto :D.
ResponderSuprimirGracias potro.
Saludos.
Muy bueno
ResponderSuprimirya 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 ;)
ResponderSuprimirSaludos.
Muchas Gracias!!!
ResponderSuprimirMejorando 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.
ResponderSuprimirTienes 100 de promedio.
Esta muy bueno el truco y siempre tienes algun hack para estas fechas como el de halloween :D
ResponderSuprimirsaludos!
Gracias a los 3 por sus comentarios, me alegra que les haya gustado.
ResponderSuprimirSaludos!
quedo bueno el logo de ciudad blogger con el gorro de navidad :D
ResponderSuprimirGracias fabian =)
ResponderSuprimirMe gusta porque das buenas ideas para los que como yo estamos empezando.
ResponderSuprimirHola concha,
ResponderSuprimirEsa 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?
ResponderSuprimirMmMmMmMmmMmMmMm
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.
ResponderSuprimirSaludos.
Potro como se le hace para que la nieve llegue mas abajo, solo se ve en un pedazo del blog.
ResponderSuprimirEn el código que pegaste antes de </head> busca esta parte:
ResponderSuprimirvar 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
ResponderSuprimirNo 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.
ResponderSuprimirSaludos.
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!
ResponderSuprimirHola Taller de Soco,
ResponderSuprimirEfectivamente 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:
ResponderSuprimirCuando 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.
ResponderSuprimirSaludos.
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.
ResponderSuprimirSaludos
Yo he entrado a tu blog y no se alentó el cursor, supongo que tiene que ver con tu equipo.
ResponderSuprimirQué 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
ResponderSuprimirHola charly,
ResponderSuprimirClaro 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
ResponderSuprimirhttp://crepusculo-latina.blogspot.com/
saludos
Excelente samantha, definitivamente ese copos quedan mejor en tu plantilla.
ResponderSuprimirSaludos!
Gracias!
ResponderSuprimirESte me ha funcionado, gracias!! el de los corazones no :(
ResponderSuprimirNo puedes tener dos de estos al mismo tiempo.
ResponderSuprimirbuenas 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)
ResponderSuprimirUsa las teclas CTRL + F para localizar el código más fácil.
ResponderSuprimiresta muy bien, estas navidades lo pondré, pero creo que qeuda mejor si modificas las línea:
ResponderSuprimir``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.
ResponderSuprimirSaludos.
Que interesante creo que lo pondre en mi blog ahora que llegue Diciembre
ResponderSuprimirSaludos
Seguro quedará muy bien :)
ResponderSuprimiramigo 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?
ResponderSuprimirCon 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.
ResponderSuprimirno puedo bajar el archivo, por que el que de ve estar antes de head
ResponderSuprimirSi te abre una página copia el código que hay en ella y pégalo donde se indica.
ResponderSuprimiruna 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
ResponderSuprimirpotro savez desde hoy en la mañana q abri mi blog percato q la nieve no cae que pasaria
ResponderSuprimirRyunosuke Hitori, mira el comentario #21
ResponderSuprimirPosandoval 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
ResponderSuprimirBusca donde dice doc_alto = 768 y cambia ese valor por uno más alto.
ResponderSuprimirHola 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¿Qué error te marca?
ResponderSuprimirMuy bueno, buscaba algo así hace tiempo con copos bonitos. Muchas gracias, queda bastante bien.
ResponderSuprimirFelices Fiestas.
Me alegro que te haya gustado :)
ResponderSuprimir¡Felices fiestas!
yo lo puse y quedo muy bonito de verdad. pero ahora quitarlo cómo?
ResponderSuprimirDescarga 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.
ResponderSuprimirLuego 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...
ResponderSuprimirMe 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,
ResponderSuprimirAl 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,
ResponderSuprimirhago 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.
ResponderSuprimirYa lo tengo lo he descargado co el firefox,
ResponderSuprimirme ha quedado muy bien y me ha sakido a la primera, no me lo creo ni yo jejeje.
Muchas gracias
Mariajo
Hola Potro!!
ResponderSuprimirHoy 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
ResponderSuprimirvar 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?
ResponderSuprimirSaludos.
Claro, sólo cambia en el archivo esta URL:
ResponderSuprimirhttps://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á.
ResponderSuprimirSaludos 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.
ResponderSuprimirEntonces para esta navidad (que inventó Coca-Cola) lo implementaré.
ResponderSuprimirSaludos.
Jajaja, bien!
ResponderSuprimirGracias, gracias, gracias!!!Me estás ayudando muchísimo con mi blog, mira como quedó
ResponderSuprimirhttp://conchicblog.blogspot.com/
Espero que te guste.
Me ha encantado el resultado ConchiC :)
ResponderSuprimirNo puedo bajar el archivo del dropbox, se abre la ventana y no sale nada de nada.
ResponderSuprimirpero 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.
ResponderSuprimirAndaba fallando Dropbox pero ya está de vuelta. Suerte con la imagen que buscas!
ResponderSuprimirHay alguna manera de cambiar el tamaño de los copos? me gustaría que fueran más pequeños :)
ResponderSuprimirSó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:
ResponderSuprimirhttps://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png
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¿El código completo de qué? o.O
ResponderSuprimirGracias, 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.
ResponderSuprimirSaludos.
El cambio de velocidad no es muy perceptible, en realidad es muy poco lo que varía :/
ResponderSuprimirGracias sirvio
ResponderSuprimirhola 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?????
ResponderSuprimirHola Ikaruz Radio, mira el comentario #21 para que veas qué modificar para ampliar el área donde cae la nieve.
ResponderSuprimirGracias Potro, pasate por aquiy echale un vistazo a como quedo. www.alevinesobrero.blogspot.com
ResponderSuprimirUn 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
ResponderSuprimirmuy buenos scrpits para blogs
Gracias por tu comentario. Saludos :)
ResponderSuprimir¿Pero como se quita? Es que ya han pasado y lo quiero quitar?
ResponderSuprimirSólo busca el código que pegaste y elimínalo.
Suprimirdisculpa no habra una forma de vez de que caiga nieve, caiga hojas de otoño..
ResponderSuprimirHola Edgar, para cambiar la imagen del copo busca esta URL y cámbiala por la que quieres:
Suprimirhttps://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png