Blogging Tips: How To Add Falling Snow to your blogger Blog

Christmas is coming and the holiday season has already started. It’s time to play in the falling snow and celebrate the occasion with family and friends. If you own a blogger
blog, then why not to give a snow fall effect over there to celebrate this occasion with your visitors and readers. The default blogger template does not have but you can install it.

It is Simple to install

Just go to blogger dashboard ,click template and select edit template 

Click any where inside the the template HTML code and press Ctrl F on your key board to open the search box  type this close head tag </head> inside the search box and hit enter

Copy and paste the following code just above the close head tag

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'/>

<script type='text/javascript'>//<![CDATA[

(function($){$.fn.snow=function(options){var  $flake=$('<div id="flake"  />').css({'position':'absolute','top':'-50px'}).html('&#10052;'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var  interval=setInterval(function(){var  startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);//]]></script><script>$(document).ready(  function(){

$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });

});</script>

If the first code fail to work in your template try the next one below

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>

<script src='http://yourjavascript.com/146111102320/snowfall.js'/>

<script>

$(document).ready( function(){

$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });

});

</script>

You can remove the red color line if you already installed JQuery in your blog, but you can still leave it since you soon remove it after the season

Follow Solenzo Blog on