 |
| 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 HTMLCTRL+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('❄'),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 :)