Pages

Drop Down MenusCSS Drop Down MenuPure CSS 

Dropdown Menu
Back to Menu

0 Create a Falling Snow Effect on Your Blogger Blog

You love your blog? Want to surprise your visitor with the cool falling slow effect? There is an easy javascript you can add to your blogger's layout and gadget area and enable one.

This will not only keep your visitor feel calm and cool but attract to stay and revisit your blog again and again. 

Here are the steps to do so.

Login to Blogger
Go to Dashboard > Layout
Click Add a Gadget
Select HTML/Java script widget from list
Copy and Paste following code into it
Save and its done.

Falling Snow effect on Blog

<script>if(typeof $pdj=='undefined'){document.write('<' 'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</' 'script' '>')}</script>

<script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}$pdj(document).ready(function(){$pdj(function(){$pdj().jSnow({flakes:160,flakeMaxSize:80,flakeMinSize:60,fallingSpeedMax:60,fallingSpeedMin:30,zIndex:65535,interval:30,opacity:true})})});if(!$pdj().jSnow){(function(x){x.fn.jSnow=function(h){var j=x.extend({},x.fn.jSnow.defaults,h);var k,WIN_HEIGHT;setWaH();var l=j.flakes;var m=j.flakeCode;var n=j.flakeColor;var o=j.flakeMinSize;var p=j.flakeMaxSize;var q=j.fallingSpeedMin;var r=j.fallingSpeedMax;var s=j.interval;var t=j.zIndex;var w=false;if(x.browser.msie&&(parseFloat(x.browser.version)<8))w=true;if(x.browser.msie&&(parseFloat(x.browser.version)<8)&&t=="auto")t=0;var u=x("<div \/>");u.css({width:k "px",height:1,display:"block",overflow:"visible",position:"absolute",top:x("html").scrollTop() 1 "px",left:"1px",zIndex:t});x("body").prepend(u).css({height:"100%"});x("html").css({"overflow-y":"scroll","overflow-x":"hidden"});var v=Array();generateFlake(l,false);setInterval(animateFlakes,s);window.onresize=setWaH;function setWaH(){k=x('body').width();k-=5;WIN_HEIGHT=x(document).height()};window.onscroll=function(){u.css({top:x("html").scrollTop() "px"})};function generateFlake(a,b){a=a||1;b=b||false;var i=0;for(i=0;i<a;i  ){var c=x("<div \/>");var d=o Math.floor(Math.random()*p);var e=m[Math.floor(Math.random()*m.length)];if(e.indexOf(".gif")!=-1||e.indexOf(".png")!=-1){var f=new Image();if(w)e=e.replace("png","gif");f.src=e;e="<img src='" e "' alt='jSnowFlake'>"}if(j.opacity){c.css({opacity:function(){var a=Math.floor(Math.random()*101);a=(a<10)?10:a;return"0." a}})}c.html(e).css({color:n[Math.floor(Math.random()*n.length)],fontSize:d "px",display:"block",position:"absolute",cursor:"default","z-index":t});x(u).append(c);f_left=Math.floor(Math.random()*(k-c.width()-50)) 25;f_top=(b)?-1*c.height():Math.floor(Math.random()*(WIN_HEIGHT-50));var g=Math.floor(Math.random()*90);x.data(c,"posData",{top:f_top,left:f_left,rad:Math.random()*50,i:Math.ceil(q Math.random()*(r-q)),swingRange:g,height:c.height()});c.css({top:f_top "px",left:f_left "px"});v.push(c)}};function animateFlakes(){var i=0;for(i=v.length-1;i>=0;i--){var f=v[i];var a=x.data(f,"posData");a.top =a.i;var b=Number();b=Math.cos((a.rad/180)*Math.PI);a.rad =2;var X=a.left-b*a.swingRange;f.css({top:a.top "px",left:X "px"});if((a.top a.height)>WIN_HEIGHT){x.removeData(f);f.remove();v.splice(i,1);generateFlake(1,true)}}};return this};x.fn.jSnow.defaults={flakes:30,fallingSpeedMin:1,fallingSpeedMax:3,flakeMaxSize:20,flakeMinSize:10,flakeCode:["%u2022"],flakeColor:["#fff"],zIndex:"auto",interval:50,opacity:false}})($pdj)}</script>

<script>if(typeof $pdj=='undefined'){document.write('<' 'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</' 'script' '>')}</script>
<script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}$pdj(document).ready(function(){var a=$pdj('<img>').attr({'src':'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic72SD3g0K1Mrl-dy1e3PQaAlDjp3-zT8tE8e6Xs-XV6nZdeZM7kwe3ScInGNecjKc-NwM8rkFAErhDi2JA6YLlpDFdYhSNvkLZ1j5Vw3VpXmoaEcbxhVFzhyCzs6hcSFSRss_xlb-OSVQ/s1600/falling-snow.png','border':0});$pdj('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://digita7seven.blogspot.com/2012/11/create-falling-snow-effect-on-your.html'}).append(a).appendTo('body')});</script>

<script>if(typeof jQuery=='undefined'){document.write('<' 'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</' 'script' '>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'https://pbs.twimg.com/profile_images/549106082505703424/hDzlJgBg.jpeg','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://choozurmobile.com'}).append(a).appendTo('body')});</script>
Create a Falling Snow Effect on Your Blogger Blog Rating: 4.5 Diposkan Oleh: Choozurmobile