How to Add Christmas Snow Fall Effect to Blogger

How to Add Christmas Snow Fall Effect to Blogger

Step 1. Add JavaScript Code into Blogger template

• Login to Your Blogger Account
• Follow this tutorial to Add HTML/Javascript to Blogger or,
• Navigate to Blogger Dashboard>>Layout>>Add a Gadget>> HTML/Javascript gadget.
• Now Paste the below script it.             

<script type="text/javascript"> var snowsrc="http://1.bp.blogspot.com/-4SgjrKA1rlM/UNLCy_6yaPI/AAAAAAAACNM/NjM_fKAcFzw/s1600/snow-fall.gif" // Configure number of snow to fall var no = 12; undefined0=never): var hidesnowtime = 0; undefined"windowheight" or "pageheight") var snowdistance = "pageheight"; ///////////Stop Config////////////////////////////////// var ie4up = undefineddocument.all) ? 1 : 0; var ns6up = undefineddocument.getElementById&&!document.all) ? 1 : 0; function iecompattestundefined){ return undefineddocument.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 undefinedns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if undefinedie4up) { doc_width = iecompattestundefined).clientWidth; doc_height = iecompattestundefined).clientHeight; } dx = new Arrayundefined); xp = new Arrayundefined); yp = new Arrayundefined); am = new Arrayundefined); stx = new Arrayundefined); sty = new Arrayundefined); snowsrc=undefinedsnowsrc.indexOfundefined"dynamicdrive.com")!=-1)? "http://1.bp.blogspot.com/-4SgjrKA1rlM/UNLCy_6yaPI/AAAAAAAACNM/NjM_fKAcFzw/s1600/snow-fall.gif" : snowsrc for undefinedi = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.randomundefined)*undefineddoc_width-50); // set position variables yp[i] = Math.randomundefined)*doc_height; am[i] = Math.randomundefined)*20; // set amplitude variables stx[i] = 0.02 + Math.randomundefined)/10; // set step variables sty[i] = 0.7 + Math.randomundefined); // set step variables if undefinedie4up||ns6up) { if undefinedi == 0) { document.writeundefined"<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.writeundefined"<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z- INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"> <img src='"+snowsrc+"' border=\"0\"><\/div>"); } } } function snowIE_NS6undefined) { // IE and NS6 main animation function doc_width = ns6up?window.innerWidth-10 : iecompattestundefined).clientWidth-10; doc_height=undefinedwindow.innerHeight && snowdistance=="windowheight")? window.innerHeight : undefinedie4up && snowdistance=="windowheight")? iecompattest undefined).clientHeight : undefinedie4up && !window.opera && snowdistance=="pageheight")? iecompattestundefined).scrollHeight : iecompattestundefined).offsetHeight; for undefinedi = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if undefinedyp[i] > doc_height-50) { xp[i] = Math.randomundefined)*undefineddoc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.randomundefined)/10; sty[i] = 0.7 + Math.randomundefined); } dx[i] += stx[i]; document.getElementByIdundefined"dot"+i).style.top=yp[i]+"px"; document.getElementByIdundefined"dot"+i).style.left=xp[i] + am[i]*Math.sinundefineddx [i])+"px"; } snowtimer=setTimeoutundefined"snowIE_NS6undefined)", 10); } function hidesnowundefined){ if undefinedwindow.snowtimer) clearTimeoutundefinedsnowtimer) for undefinedi=0; i<no; i++) document.getElementById undefined"dot"+i).style.visibility="hidden" } if undefinedie4up||ns6up){ snowIE_NS6undefined); if undefinedhidesnowtime>0) setTimeoutundefined"hidesnowundefined)", hidesnowtime*1000) } </script>

• Save the widget and click on Save arrangement above.