How To Add Falling Snow Effect in Blogger? [FreeSV]

Desktop Wallpaper > Nature > Last snowfall
Christmas is coming and as you all know Christmas is the occasion of snow, peace and ultimate cool fun so if you want to dress up your blog with some snow effect we are here with the code which you can apply to your blog to get that awesome snow effect really easily. It will enhance your overall visitors experience by giving them a cold effect while they browse your website
[post_ad]  Follow These Steps
Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. 


Blogger Tips And Tricks|Latest Tips For Bloggers


Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. 


Blogger Tips And Tricks|Latest Tips For Bloggers


Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'HTML/JavaScript' 

Step 5. Copy The Below Script In  HTML/JavaScript And Save 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>
  • Now you can remove the red line in above code if you already have jquery installed in your blog, well if the effect does not work without above line then do include this line maybe few elements could be missing.[post_ad]
  • That's it now just press Save Template and you are done, adding some nice snowfall effect to your blogger blog.
Well here you go guys, today I have briefly explained how you can easily add some nice snowfall effect in your blogger blog, well if you think the effect looks awesome then do like and share this post.
DOWNLOAD THE SCRIPT: CLICK HERE
How To Add Falling Snow Effect in Blogger? [FreeSV] How To Add Falling Snow Effect in Blogger? [FreeSV] Reviewed by FreeSV on 10:18:00 AM Rating: 5

No comments:

Powered by Blogger.