Chirismas is just few days away and we are warming up for a night bash on that day, rejoicing with out friends lighting some candles and confessing to GOD Jesus, well are we forgetting something we own god dam blog and people will be coming to out blog on that day so we should treat them as a guest and show them some respect by entertaining them with a whole customized layout of your blogger blog containing some falling snow, bells and whistles.
We should even greet them with some nice Christmas status updates well that depends on you but I have something special for that day that will make your blogger blog awesome.
LIVE DEMOWell you can check out the live demo for the effect I am talking about, you will see snow falling and other stuff. So if you like the effect you can follow below steps on how you can add it to your blogger blog.
Go to Blogger > Template > Edit HTML.
Press Ctrl + F and search for <body> tag & paste below code after it.
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">body{background:#f5465a;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj6ruG8akKZueBrR1FxzJxhR_iftVOkD6EMntocQE6_DuPNmhYtFtDrLUxxyW_4jg-z44iDg6-cvy9l2tx7swlSjRBqt5ThxRFjdtGdBTgbv557Jh7T2eKxSVMtMeCR8h3qLQEP2kSf6E/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh55pMNV5whrj7tCkcHjQ7VvFS1SwCmA47sY6HE_FVpXuctNuYC5F7b0VTLqNGjtyx_r714qaILChYlyp6R6UnfB1U5EuAy9l9mAM4Q-Yqgv69RtSmyOD_AnNV9bZp7-zy4QWPc-pkrQIU/s150/top-right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:104px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl9fboljuAzp5cqKqC3dhSZ9YV7f8UBSKASdzkWvQt8WqbEzBMbPy-83bSszfJFkg2eDeFxOQXuExNi3gV1U_EEob7fMleJCzqeW_oEWwXGhm5_g6I-ZUGYDnyXs186js8rts9HcjvNUs/s1600/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:30px;left:30px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwElFfBUenZjGAubGzUvOzmqB9c6_LBL6t5WzUpS_JAPTbSmB7tR6zpe2mmMuTJnZ845m8MmHydolFrRKDgOGQp0dw-KI__0AfxfFNxXGTT3bHjNvUwqchq3PDc9MNR5Sm007FyusLZpA/s180/bottom-left.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
//]]>
</script>
Now just save your template and you are ready to see this awesome effect on your blog, now enjoy and greet your readers with this awesome effect
0 Comments