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 करे👇
फिर
नीचे दिए गए कोड को </body> टैग के ऊपर में पेस्ट करें।
कोड
पेस्ट करने के बाद आपको सेव थीम पर क्लिक करना है और इसे सेव करना है, अगर आप इसकी
चौड़ाई, ऊंचाई और स्थिति बदलना चाहते हैं तो आप कर सकते हैं।
यदि
आपका कोड काम नहीं करता है या आपको किसी त्रुटि/समस्या का सामना करना पड़ा है तो
कृपया दिए गए डाउनलोड बटन से स्रोत कोड फ़ाइलें डाउनलोड करें।
यह
सब ब्लॉगर वेबसाइट में Page Click With Heart Effect के बारे में है । मुझे उम्मीद है कि यह लेख आपके लिए बहुत उपयोगी है
और आपको यह पसंद आया होगा। कृपया अपनी प्रतिक्रिया टिप्पणियों में साझा करें और पोस्ट
को सोशल मीडिया पर शेयर करें।