Download this Premium Blogger Template. Download now!
Advertisement

Share Code to Add Heart Effect on Click for Blogspot

Hi everyone, it's TrickPk again, today I see a pretty good code that will help you decorate your blog. This is only displayed when using a computer, when clicking anywhere in the blog, a row of hearts with seven 7 rainbow colors will appear. Before entering the article, I would like to go our Facebook page and receive the latest posts!

How to add heart effect on click for Blogspot

Share Code to Add Heart Effect on Click for Blogspot

Step 1: Go to blogger

Step 2: Select Theme  Edit HTML Press Ctrl + F to find  </body>

Step 3: Paste the javascript before  </body>

<script type="text/javascript"> //<![CDATA[ !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y--,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText="left:"+d[e].x+"px;top:"+d[e].y+"px;opacity:"+d[e].alpha+";transform:scale("+d[e].scale+","+d[e].scale+") rotate(45deg);background:"+d[e].color+";z-index:99999");requestAnimationFrame(r)}function o(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement("div");a.className="heart",d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(e){var a=t.createElement("style");a.type="text/css";try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName("head")[0].appendChild(a)}function s(){return"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document); //]]> </script>

Step 4: Click Save!

Outcomes
Above is the whole way to add a heart effect when clicking for Blogspot and the source of Thanh Truong Blog , if there are complaints or copyright issues, please comment below. Wishing you a productive working day.

Where do you want to donate?

Paypal
EASYPAISA / ACC NO - 923487171XXX
Treat the creator to coffee by giving a small donation. click the arrow icon as above.

Post a Comment

© TrickPk.com . All rights reserved. Distributed by trickpk.com. Distributed by trickpk.com