Gadget navideño,¡Espectáculo que se Cae Nieve Navideña sobre sus Blogs!

Que puede ser más encantador que la acción de dar la bienvenida a sus visitantes de blog con la nieve decreciente. El paseo dinámico proporciona la escritura que nosotros usaríamos hoy y crea un efecto animado.

La nieve suavemente cae en la página y luego desaparece. Podemos controlar el número de pelotas de nieve y también el tiempo después de lo cual ellos deberían desaparecer. Usted fácilmente puede sustituir la imagen de nieve por cualquier imagen que usted prefiere. La instalación como siempre es guardada sumamente fácil en elementos html/javascript.

1. Ir a Blogger> el Diseño
2. Escoja el artefacto HTML/JAVASCRIPT
3. Pegue el código siguiente dentro de ello,

<script type="text/javascript">


//Configure below to change URL path to the snow image
var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJLKAUFPlSDhByy52UaKd1kuGpzoD519mjmkYA-VWRrBIZKwrcXaufHPDGVYvSZadULX1EqxfCE3Acgd7jYIRlKjFxf56F3MKaxzrrNOBMQ_xOs7BQlEmppGaavFaJy3ve-76Lq1HLeMY/s400/snow.gif"
// Configure below to change number of snow to render
var no = 15;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJLKAUFPlSDhByy52UaKd1kuGpzoD519mjmkYA-VWRrBIZKwrcXaufHPDGVYvSZadULX1EqxfCE3Acgd7jYIRlKjFxf56F3MKaxzrrNOBMQ_xOs7BQlEmppGaavFaJy3ve-76Lq1HLeMY/s400/snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0;                        // set coordinate variables
xp[i] = Math.random()*(doc_width-50);  // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();     // set step variables
    if (ie4up||ns6up) {
  if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
  } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
  }
}
}

function snowIE_NS6() {  // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
    doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) {  // iterate for every dot           yp[i] += sty[i];           if (yp[i] > doc_height-50) {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = 0;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
  }
  dx[i] += stx[i];
  document.getElementById("dot"+i).style.top=yp[i]+"px";
  document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
    if (window.snowtimer) clearTimeout(snowtimer)
    for (i=0; i0)
    setTimeout("hidesnow()", hidesnowtime*1000)
    }

</script>

Haga estos cambios:
* Para poner el número de pelotas de nieve corrigen el número "15"
* Para cambiarse la imagen de nieve sustituye el eslabón por el suyo Si usted quiere el empleo la nieve blanca suave más bien que las escamas de nieve entonces usan este eslabón:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaEk6cBueMSeJSaS6NYBQKy8hUhKgKOSF4_gaQ-sGnqfJw3AiT0UqlozEjPK08fYlAlK6yrNGt6_xunebgrhfdANnk-Vi0K9TExK301rKXmBbD4sF5H5Q6177RKxQYFLiNfzR689pWS_E/s400/falling-snow.png

¿Por qué no alguna nieve roja vistosa?

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgchXFcnuuQwlTGwHd0tRWZCsEeUGiAch00V0PGNXe6NhlEvPZF_NRrxlHxWTsV5oklWCksC-wcaw4zoHPD_BO6VXP7yqALQVVgnWx73WNmWsSf-N9cUc4zkVSPx5iJDMbO-RGpXspx0pk/s400/red-snow.png

Usted puede sustituir la imagen por algo que usted desea. ¡Usted puede mostrar hojas decrecientes de otoño, cayéndose el mensaje año nuevo, cayéndose diamantes o aún cayéndose corazones! Solamente con el código de la imagen y sigue cambiando los sabores.

4. Copie y pegue y arrástrelo a la parte alta cerca de la cabecera, como mostrado debajo,

¡ la naranja guarda el botón sobre sus elementos de página y eso es todo! Visita sus blogs para ver la nieve hermosa caerse sobre su blog que da a un toque Navideño de invierno. ¡Diviértase!:)