Click With Heart Effect in Blogger

How to Add Page Click With Heart Effect in Blogger

 How to Add Page Click With Heart Effect in Blogger

नमस्कार दोस्तों, आपका स्वागत है । आज इस लेख में मैं आपको ब्लॉगर में Page Click With Heart Effect कैसे लगाने है, के बारे में चरण दर चरण मार्गदर्शन करने जा रहा हूं । तो, आसान चरणों का पालन करें और ब्लॉगर में Page Click With Heart Effect कैसे लगायें ।

अपनी वेबसाइट पर 'Page Click With Heart Effect का सेक्शन' जोड़ना अपने पाठकों को एक सुलभ चेहरा देने का एक आसान, प्रभावी तरीका है। या आपके पाठकों को भी आपके लेख पढ़कर बहुत खुशी होगी या यह आपकी वेबसाइट के लुक को भी बहुत सुंदर बना देगा। तो आइए जानते हैं कैसे जोड़ें Page Click With Heart Effect

 Steps to Page click with heart effect

Step 1. सबसे पहले Blogger Dashboard पर Theme पर क्लिक करें और फिर से Edit HTML पर क्लिक करें।

Step 2. अब आपको कहीं भी क्लिक करना है और फिर CTRL+F प्रेस करना है। और इस कोड को खोजें </body>

 How to add page click love effect -   

ये  java-script है इसे आपको blogger  blog  में </body > tag के उपर डालना है।  

This is a java-script, you have to put it above the </body> tag in the blogger blog.

 <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>

Code Download करे👇

Download

फिर नीचे दिए गए कोड को </body> टैग के ऊपर में  पेस्ट करें।

कोड पेस्ट करने के बाद आपको सेव थीम पर क्लिक करना है और इसे सेव करना है, अगर आप इसकी चौड़ाई, ऊंचाई और स्थिति बदलना चाहते हैं तो आप कर सकते हैं।

यदि आपका कोड काम नहीं करता है या आपको किसी त्रुटि/समस्या का सामना करना पड़ा है तो कृपया दिए गए डाउनलोड बटन से स्रोत कोड फ़ाइलें डाउनलोड करें।

यह सब ब्लॉगर वेबसाइट में Page Click With Heart Effect के बारे में है । मुझे उम्मीद है कि यह लेख आपके लिए बहुत उपयोगी है और आपको यह पसंद आया होगा। कृपया अपनी प्रतिक्रिया टिप्पणियों में साझा करें और पोस्ट को सोशल मीडिया पर शेयर करें।

Post a Comment

Hello Friends Please Post Kesi Lagi Jarur Bataye or Share Jurur Kare