8 January 2016

Add Valentine Day Special Falling Heart Widget in Blogger


Add Valentine Day Special Falling Heart Widget in BloggerAs we all know valentine  day is very near to us and in valentine day 2016 we all want to gift our loved ones with something special,so why not we should also create something special for all of our reader in this upcoming valentine day.So today here in this article we are going to share an unique gift for all our visitor with a valentine day special exclusive widget for every blogger blog,it's  call falling heart widget.It looks simply awesome and installs just in seconds.You can add this amazing falling hearts widget on your blog to celebrate this valentines day. This is an amazing widget and it can be added on any blog.So let's go through the below explanation on how to add this superb romantic widget onto your blog very easily.

 Must Read Customize Blogger Default Contact Form

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.


  • 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

 Must Read Add Floating Adsense Ads on Blogger

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 :

  1.  Go to this site : http://www.goglogo.com
  2. Now set the name some like this “I Love You” OR something similar and press “Create My Search Page Now” button
  3.  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

5 comments: Leave Your Comments

  1. This would definitely be in tune with the season of love next month. I hope they have this for wordpress too aside from blogger.

  2. wow, this is a nice widget to suit our blogs for the celebration of the love month :)

  3. this is a neat idea.. i have tried the snow effect before... i hope i can find one for wordpress too

  4. This 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.