Blogger में On Click Heart Effect कैसे लगायें ?

Technical Ganesh
Technical Ganesh
2 minute read

 Hello Friends Tech Gyan In Hindi में आपका स्वागत है मेरा नाम है गणेश कुमार इस Post में हम आपको Blogger में On Click Heart Effect कैसे लगायें ? के बारे में बताएँगे 

Friends अगर आप भी हमारी तरह अपनी Blogger की Website On Click Heart Effect लगाना चाहते है तो आप हमारी इस Post को अन्त तक जरुर पढ़ें क्योंकि इस Post में हम आपको इसी के बारे में बताएँगे तो आपको Script भी Provide करेंगे जिसे आप अपनी Blogger Website में लगाकर On Click Heart Effect लगा सकते है 

Friends जब भी कोई User आपकी Website पर आएगा और वो जब आपकी किसी भी Post पर या किसी Page पर Click करेगा तो तो उसको Heart के आकर के बहुत सारे Colours के Heart उड़ते हुए नजर आयेगे इसे लगाने से आपकी Website पर एक अलग सा Look आ जाता है और ये देखने में बहुत शानदार लगता है 

Blogger में On Click Heart Effect कैसे लगायें ?

  1. सबसे पहले आपको अपने Blogger Dashbord में Login होना है 
  2. इसके बाद आपको "Theme" पर Click करना है 
  3. अब आपको "Customize" के आगे Droup Down Icon पर Click करके "Edit HTML" पर Click करना है 
  4. इसके बाद आपको "</body>" को Search करना है 
  5. अब आपको नीचे दिए गए Code को Copy करना है और "</body>" के ऊपर Paste करके "Save Theme" कर देना है 
<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); //]]>

इसके बाद आपको अपनी Blogger Website पर Visit करना है और किसी एक Post को Open करके देखना है तो जब आप अपनी Post को Open करने के लिए Click करेंगे तो आपके Click करते ही आपको छोटे-छोटे Heart दिख जायेंगे 




Conclusion :-

हम उम्मीद करते है कि आपको Blogger में On Click Heart Effect कैसे लगायें ? की जानकारी आपको पसंद आई होगी आप हमारे इस Post को अपने Friends और Social Media पर Share करके आप हमारा और हमारी Team का मनोबल बढ़ा सकते है इस Artical से Related अगर आपके मन में कोई सवाल है तो नीचे Comment Box में जरुर पूछें