How To Add Valentine's Day Effects To Blogspot this 2018

Share:
Valentine's day which is celebrated on the 14th of every month is a date the world keeps and never fails to recognize yearly. Some say it's the month for/of lovers, others say it's the month of Love, but in all different understanding and approach, we can all agree to liking February to one thing, and that is love.


Valentines day effects, Valentines day codes


So if you are a fellow blogger, who wishes to add a little extra spice of look to your blog for your readers, I invite to try this Valentine's day heart effect. But before ou does that, I would like to remind you that adding this effect might slow down your blog's speed from 3 to 5%. You can always remove it when ever you want.


How To Add Valentine's Day Effects To Blogger

1.    Login to your Blogger dashboard

2.    Click on Template, then Edit HTML

3.    Locate your Closing </head> tag and then paste the Below code.




<script type='text/javascript'>
//<![CDATA[
function iecompattest(){return document.compatMode&&document.compatMode!="CSS1Compat"?document.documentElement:document.body}function bsheartIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=window.innerHeight&&bsheartdistance=="windowheight"?window.innerHeight:ie4up&&bsheartdistance=="windowheight"?iecompattest().clientHeight:ie4up&&!window.opera&&bsheartdistance=="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"}bshearttimer=setTimeout("bsheartIE_NS6()",10)}function hidebsheart(){if(window.bshearttimer)clearTimeout(bshearttimer);for(i=0;i<no;i++)document.getElementById("dot"+i).style.visibility="hidden"}var bsheartsrc="https://3.bp.blogspot.com/-g7Da55NfUVs/WKHOCZ-flXI/AAAAAAAABzk/9EpGTSdDjyUoRpyrVKoyVDfq22ebhX6HwCLcB/s1600/bloggerspice-heart-1.gif";var no=15;var hidebshearttime=0;var bsheartdistance="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;bsheartsrc=bsheartsrc.indexOf("bloggerspice.com")!=-1?"https://3.bp.blogspot.com/-7qh3HVVfq3w/WKHOCf4t1UI/AAAAAAAABzo/06KURxTuvUQEDwZCUxtu2HMptXwwO_QwQCLcB/s1600/bloggerspice-heart-10.gif ":bsheartsrc;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://bloggerspice.com"><img src=\''+bsheartsrc+'\' 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='"+bsheartsrc+'\' border="0"></div>')}}}if(ie4up||ns6up){bsheartIE_NS6();if(hidebshearttime>0)setTimeout("hidebsheart()",hidebshearttime*1e3)}
//]]>
</script>


4.    Save your template and reload your blog to view the magic

5.    Tell me if it worked for you so that we will share the Love together... 

Happy Valentines Day!!


NOTE: YOU CAN ALSO CHANGE THE DISPLAY IMAGE, TO DO THIS

Find the 2 of the IMAGE URL  replace them with your own image Link
https://3.bp.blogspot.com/-g7Da55NfUVs/WKHOCZ-flXI/AAAAAAAABzk/9EpGTSdDjyUoRpyrVKoyVDfq22ebhX6HwCLcB/s1600/bloggerspice-heart-1.gif

AND

https://3.bp.blogspot.com/-7qh3HVVfq3w/WKHOCf4t1UI/AAAAAAAABzo/06KURxTuvUQEDwZCUxtu2HMptXwwO_QwQCLcB/s1600/bloggerspice-heart-10.gif 

Share and comment