How to Add Falling Snow Effect in Blogger for Christmas

How to Add Falling Snow Effect in Blogger for Chirstmas

Decorating blogger blogspost blog for the Christmas is one of the best thing to entertain your blog's readers on the Christmas day. As i have already shared a tutorial about how you can decorate your blog for the Christmas with Christmas goodies. and how to add Flashing Christmas Lights in Blogger that you can check anytime if you are new to here in this blog. or else if you have already checked that post then come to today's topic. Here in today's article i am going to share another blogger decorating idea that is adding falling snow effect in blogspot blog. as we all know Christmas is the occasion of snow, peace and ultimate cool fun. So, if you want to spice up your blog with some snow effect, i am here with the tutorial which will help you to apply to your blog to get that awesome snow effect really easily. it will display a cold effect in your blog which enhance your overall visitors experience, while they browse your blog.

Also check : Decorate your Blogger Blog for Christmas with Christmas Goodies

Adding Falling Snow Effect in Blogger

Go to blogger dashboard >Template>Edit HTML
CTRL+F to find </head> tag.
Copy and paste below code just above it.

<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>

You can remove above red colored line of code, If you have already installed jQuery plugin in your blog. If it doesn't works without that plugin then keep it as it is.

Finally, Save Changes in your blogger template, and you're done. Now you should have some nice snowfall effect to your blogger blog.

So, guys it were a steps of adding snowfall effect in your blogger blog, if you have any questions, feel free to ask by commenting below, i would love to answer your questions.

Thanks :)