
How to Add Valentine Day Special Falling Heart Widget on Blogger
- Goto Blogger –> Template –> Edit HTML.
- Now press Ctrl + F and search for </body> tag and paste below code above it.
<script type='text/javascript'>//<![CDATA[
function iecompattest(){return document.compatMode&&document.compatMode!="BackCompat"?document.documentElement:document.body}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]=.02+Math.random()/10;sty[i]=.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"}var snowsrc="http://i.imgur.com/JIgmsH2.png";var no=15;var hidesnowtime=0;var snowdistance="pageheight";var ie4up=document.all?1:0;var ns6up=document.getElementById&&!document.all?1:0;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;snowsrc=snowsrc.indexOf("hackinguniversity.in")!=-1?"http://i.imgur.com/JIgmsH2.png":snowsrc;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]=.02+Math.random()/10;sty[i]=.7+Math.random();if(ie4up||ns6up){if(i==0){document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+';VISIBILITY: visible;TOP: 15px;LEFT: 15px;"><a href="http://hackinguniversity.in"><img src=\''+snowsrc+'\' border="0"></a></div>')}else{document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+";VISIBILITY: visible;TOP: 15px;LEFT: 15px;\"><img src='"+snowsrc+'\' border="0"></div>')}}}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout("hidesnow()",hidesnowtime*1e3)}//]]></script>
- Now save the template and you're done.
Customization
- If you want to change the default heart image the just change highlighted red color image url in the above code.
- Well you can also configure this above code according to your preference like changing the amount of hearts falling and changing time they fade in and out all stuff like that so you can check for that thing in the starting of the code
Something More for Valentine Day
You can also celebrate this valentines day by using some more cool tricks :- Share the Google Heart with your loves ones by searching this on Google :
“(sqrt(cos(x))*cos(200*x)+sqrt(abs(x))-0.7)*(4-x*x)^0.1, sqrt(9-x^2),-sqrt(9-x^2) from -4.5 to 4.5”
Just find it out by yourself first (It is an interesting trick!!)
- You can also wish with custom search like this :
- Go to this site : http://www.goglogo.com
- Now set the name some like this “I Love You” OR something similar and press “Create My Search Page Now” button
- Done!! Now you can share it with your loved ones
If you have any new tricks like this you can share it with us by commenting it in the comment section below and by the way Happy Valentines in advance!If you liked this article then you can subscribe us OR you can like us.Hope you'll all have a great valentine day this year.
|
Articles You May Like |
This would definitely be in tune with the season of love next month. I hope they have this for wordpress too aside from blogger.
ReplyDeleteyou can google it for wordpress then.
Deletewow, this is a nice widget to suit our blogs for the celebration of the love month :)
ReplyDeletethis is a neat idea.. i have tried the snow effect before... i hope i can find one for wordpress too
ReplyDeleteThis is an interesting and fun thing to do for the occasion. I bet my young daughter will be excited to apply this in her blog.
ReplyDelete