Blogger Mein Download Button Ke Sath Timer Kaise Lagaye?

Blogger Mein Download Button Ke Sath Timer Kaise Lagaye?

हेलो फ्रेंड्स आपका स्वागत है हमारी एक और ब्लॉग पोस्ट पर आज हम लेके आये है की आप Blogger Mein Download Button Ke Sath Timer Kaise Lagaye? How to create download Button with Timer. तो अगर आप भी डाउनलोड बटन के साथ टाइमर लगाना चाहते है तो बने रहे पोस्ट पर।

Blogger Mein Download Button Ke Sath Timer Kaise Lagaye?

Download Button Ke Sath Timer lagane se Kiya Benifit Hai?

दोस्तो आपको बता दे कि अगर आप डाउनलोड बटन के सतज टाइमर लगाते हो तो आपकी साइट पे विज़िटर ज्यादा टाइम रुकेगा जिसकी वजह से impressions ज्यादा काउंट होगा और earning भी ज्यादा होगी। और ज्यादा टाइम यूजर रुकने के कारण गूगल आपकी साइट जा पोस्ट की रैंकिंग को इनक्रीस करेगे।

Download Button Ke Sath Timer Ko Kaise Lagaye?

दोस्तो डाउनलोड बटन के साथ timer लगाना बहुत आसान है आपको बस नीचे दिए गए स्टेप्स को फॉलो करना है।

  • आप blogger.com जाये।
  • फिर आप Themes पे क्लिक करें।
  • अब आप Edit Html पे जाये।
  • आप  ]]></b:skin> को find करें।
  • यह css आप इसके ऊपर पेस्ट कर दे ]]></b:skin>

Css:-

.Bg-93btn{background: #FFD62F; color:black; padding:8px; outline:none; border:0px; border-radius:5px; cursor:pointer;box-shadow:0 0 2px 2px #FFE000 ;} .Bg-94btn{background:#FFD62F; color:black; text-decoration:none; padding:8px; border-radius:5px; box-shadow:0 0 2px 2px #FFE000;}

  • दोस्तो अब आप </body> को फाइंड करो।
  • फिर आप यह javascript इसके ऊपर paste कर दे। </body>

Javascript:-

<script> function dosomethig(e){ e.style.display = “none”; var output = document.querySelector(‘#output’); var i=15; //set the time setInterval( function(){ output.innerHTML = “Please wait.. “+i; i–; if(i<=0){ output.style.display = “none”; var Bg94btn = document.querySelector(‘#Bg94btn’); Bg94btn.style.display= “inline-flex”; } }, 1000 ) } </script>

तो दोस्तो अब जिस भी पोस्ट में आप डाउनलोड बटन के साथ टाइमर लगाना चाहते है उसे एडिट करें और html पे जाके नीचे दिए गए html कोड को उसे करके आप डाउनलोड बटन के साथ टाइमर लगा सकते है।

Html Code:-

<div style=”text-align: center;”> <button class=”Bg-93btn” onclick=”dosomethig(this)”>Click Here</button> <div id=”output”></div> <a class=”Bg-94btn” href=”http://bit.ly/3rane85” id=”Bg94btn” style=”display: none;”>Download Now</a> </div>

अब आपकी पोस्ट में डाउनलोड बटन के साथ साथ टाइमर भी लग गया।

Be the first to comment

Leave a Reply

Your email address will not be published.


*