Magazine

Efecto copos de nieve cayendo en tu blog

Publicado el 14 diciembre 2013 por Aizum Blog @aizumblog
efectos, blogspot, trucos, diseño
Hoy me gustaría daros la bienvenida a la navidad, aunque faltan aún, algunos días, para llegar a las festividades navideñas tradicionales, de todos los años, con un efecto sumamente espectacular, trata de un efecto de copos de nieve, cayendo desde la parte de arriba de tu blog o web, que da el efecto que estén cayendo desde el cielo.
El efecto está creado usando jQuery, y en el script, puedes cambiar el tamaño de los copos de nieve, el color, y la frecuencia de los copos con una numeración, que desees que vayan descendiendo. Cómo muchos sabréis, la primera línea del script que es jQuery, si ya lo tenéis incrustado en vuestra plantilla, de Blogger, omitir dicha línea, y borrar-la, ya que dicho efecto no funcionaría, bueno a continuación, podréis ver la demo en marcha, en el botón que podrás ver a continuación, enjoy!:
Demo copos!
Ahora para añadirlo en Blogger es antes de </head:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'/>
<script src='https://dl.dropboxusercontent.com/u/48457927/efectocopos.js'/>
<script>
$(document).ready( function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});
</script>

Algunas configuraciones a tener en cuenta:
  1. minSize: 10, - Establece el tamaño mínimo de los copos de nieve, cambiando el tamaño mínimo y máximo, se pueden crear diferentes contrastes para adaptarse a su blog.
  2. maxSize: 50, - Establece el tamaño máximo de los copos de nieve.
  3. Newon: 400, - Establece la frecuencia de caída de la nieve, aumentando el número caen con más frecuencia y si lo minimizas el número hará efecto contrario.
  4. flakeColor: '# ffffff' - Establece el color de los copos. Puedes cambiarlo el color con texto, como éste: flakeColor: 'red' para que las escamas de color rojo, también se puede usar color names Hex. Sí tu blog tiene un fondo blanco, podrías probar o cambiar el color, a gris o un tono de blanco más apagado, algo parecido a esto #ccc #ddd, sería una buena opción.
  5. Otra cosa, suguiero que añadas tu propio enlace script y hospeda-lo por ejemplo en Dropbox, allí te darán cuando hayas cargado el script, en la carpeta public, un enlace publico, para compartir y agregar y almacenar tu propio script, en el código, es éste el script que debes cambiar por el tuyo: https://dl.dropboxusercontent.com/u/48457927/efectocopos.js

Via: SpiceUpYourBlog
Get free premium widgets for your blog and website.

También podría interesarte :

Volver a la Portada de Logo Paperblog

Quizás te interesen los siguientes artículos :