How to Add Merry Christmas Snow Script 2018 into your Blogger 


Hello Guys today i am going to show you how to add Merry Christmas Snow Script into your Blogger Website. You can decorate your blog with this great animated snow script. Look like snow gently trickles down the web page then disappear automatically.

It is very Simple way to add this Script into your blog.
Just Follow me.



 First Step:
One of the following images Save or Upload into your site or blogger and find out the image URL and copy the URL of this image which you wanna showing for as snow and replace them with snow.gif file in script code.

You can download those images from here too:

Image 1 :
Image 2:





Image 3 for Autumn Effect :





Second Step:

  • Simply go to the blogger theme
  • Then go to the edit HTML
  • Find the end </body> tag into your blogger code
  • And paste script at the end of this tag
  • Now its done and save template.


Copy Snow Script:

 <script type="text/javascript">  
 /******************************************  
 * Snow Effect Script-by https://howtotricky.blogspot.com/
 ******************************************/  
  function openwindow(){  
 window.open("autumn_effect.htm","","width=350,height=500")  
 }  
  //Configure below to change URL path to the snow image  
  var snowsrc="snow.gif"  
  // Configure below to change number of snow to render  
  var no = 10;  
  // 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)? "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;  
      if (snowdistance=="windowheight"){  
           doc_height = window.innerHeight || iecompattest().clientHeight  
      }  
      else{  
           doc_height = iecompattest().scrollHeight  
      }  
   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; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"  
      }  
 if (ie4up||ns6up){  
   snowIE_NS6();  
           if (hidesnowtime>0)  
           setTimeout("hidesnow()", hidesnowtime*1000)  
           }  
 </script>

Make sure variable "snowsrc" in the above code correctly references the full URL path to the image used. And Enjoy!