हेल्लो दोस्तों स्वागत है आपका हमारे ब्लॉग ज्ञान का माध्यम पर, दोस्तों आज के आर्तिक्ले मे आप जानेंगे की blogger & wordpress पोस्ट मे 15 sec का डाउनलोड बटन जोड़ने के बारे मे बताएँगे | आप भी अगर गूगल मे सर्च करके हमारे ब्लॉग पर आये हो तो सही जगह आये हो | आप इस आर्टिकल मे पता चल जाएगा की अपनी ब्लॉग प्सोत मे डाउनलोड क टाइमर बटन कैसे लगाये | दोस्तों आर्टिकल को एंड तक पडियेगा आपको जरुर मदद मिलेगी
इस लेख में आज हम ब्लॉगर और वर्डप्रेस में Add Download Timer के बारे में बात करने जा रहे हैं। और यह क्या है और हम इनका उपयोग कैसे कर सकते हैं? तो इन सभी बातों को हम इस लेख में जानेंगे। तो इस लेख में बने रहें और अधिक विस्तार से जानें। आप पूर्ण गाइड के साथ 2022 में नवीनतम एचटीएमएल और जावास्क्रिप्ट कोड भी प्राप्त कर सकते हैं।
ब्लॉगर और वर्डप्रेस में डाउनलोड टाइमर बटन कैसे जोड़ें [पूरी गाइड]
ब्लॉगर और वर्डप्रेस में 15 सेकेंड का डाउनलोड टाइमर कैसे जोड़ें
What is Download Timer -
तो दोस्तों ब्लॉगर में Add Download Timer के बारे में जानने से पहले हम इस Download Timer के बारे में जान लेते हैं।
तो मैं आपको बता दूं कि यह एक प्रक्रिया है। कुछ भी डाउनलोड करने से पहले एक निश्चित समय की उलटी गिनती होती है। इसे हम डाउनलोड टाइमर कहते हैं।
ब्लॉगर के लिए निःशुल्क उलटी गिनती विजेट
अगर आप ब्लॉग्गिंग करते हैं और आपका ब्लॉग ब्लॉगर प्लेटफॉर्म पर है। साथ ही, आपका ब्लॉग एक डाउनलोडिंग ब्लॉग है। तो आपने सोचा होगा कि कभी न कभी आपको भी अच्छी खासी कमाई करनी चाहिए।
तो इसके लिए Bloggers Download Timer का इस्तेमाल करते हैं। इसके इस्तेमाल से लोग आपके ब्लॉग पर उस समय तक बने रहेंगे जब तक आपने फैसला किया है। जिससे आपका Bounce Rate भी control में रहता है.
Countdown Timer HTML Script-
तो दोस्तों मैं आपको बता दूं कि इस डाउनलोड टाइमर का फीचर Coding के द्वारा बनाया गया है। इस फीचर में एचटीएमएल और जावास्क्रिप्ट का इस्तेमाल किया गया है।
यदि आपको ऑनलाइन वेब डेवलपमेंट से संबंधित कोई टूल या विजेट दिखाई देता है। हर चीज में कोडिंग का बहुत महत्व होता है। आजकल कोडिंग सिख के लोग घर बैठे भी अच्छी खासी कमाई कर रहे हैं।
Download Timer in Blogger & WordPress -
तो उससे पहले भी मैंने इस Download Timer पर एक article लिखा था। लेकिन उसमें मैंने एक ऐसी स्क्रिप्ट के बारे में बताया था जो टाइमर खत्म होते ही रीडायरेक्ट हो जाती थी।
लेकिन आज मैं आपको एक नई स्क्रिप्ट के बारे में बताने जा रहा हूं। Z टाइमर खत्म होने के बाद आपको डाउनलोड बटन दिखाई देगा उसके बाद आप उस पर क्लिक करने के बाद ही डाउनलोड हो जाएंगे।
मैंने पहले जो स्क्रिप्ट बताई थी, वह ब्लॉगर के ब्लॉग में ही काम करती थी। लेकिन आप इस स्क्रिप्ट का उपयोग वर्डप्रेस वेबसाइट पर भी आसानी से कर सकते हैं।
How To Use Download Timer-
तो नीचे मैंने उन सभी steps के बारे में विस्तार से बताया है। जिसकी मदद से आप इस Download Timer Widget को आसानी से इस्तेमाल कर सकते हैं। तो नीचे दिए गए स्टेप्स को फॉलो करें।
टाइमर बटन एचटीएमएल और जावास्क्रिप्ट कोड डाउनलोड करें
Step 1 - सबसे पहले आपको यह Download Timer's Script मिल जाएगी। इसे कॉपी करें।
<div dir="ltr" style="text-align: left;" trbidi="on">
<body>
<center>
<span id="countdown">You have to wait 15 seconds.</span></center>
<br />
<div style="text-align: center;">
<b>Download Timer</b><br />
<a href="#" id="download_link" style="display: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFs505wINm4BfOuB5Dq8y3L4pkxtkSAKGpNv3OmJiJCMa1iLvndtISsz9TrfsDfYyc9YbaNHWVpdaiGUNOW4kWnfUlAmZZ3J5GBubsm-8Dzhb4YYCsB6edyIZCogjHOK26R-wMniTZ3vg/s1600/but.jpg" /></a>
<noscript>JavaScript needs to be enabled in order to be able to download.</noscript>
<script type="application/javascript">
(function(){
var message = "%d seconds before download link appears";
// seconds before download link becomes visible
var count = 15;
var countdown_element = document.getElementById("countdown");
var download_link = document.getElementById("download_link");
var timer = setInterval(function(){
// if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed
if (count) {
// display text
countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count);
// decrease counter
count--;
} else {
// stop timer
clearInterval(timer);
// hide countdown
countdown_element.style.display = "none";
// show download link
download_link.style.display = "";
}
}, 1000);
})();
</script>
</div>
</body></div>
Step 2 - अब आपको इस कोड को जहां भी इस विजेट का इस्तेमाल करना है वहां पेस्ट करना है।
Step 3 - अब आपको # के इंस्टेंस पर इस कोड में अपना डाउनलोड लिंक पेस्ट करना है।
Step 4 - और अगर आप समय बदलना चाहते हैं तो आसानी से बदल सकते हैं। और इसे सेव करें।
Step 5 - अब आपका काम सफलतापूर्वक हो गया है।
निष्कर्ष
और आपको यह Add Download Timer in Blogger & WordPress article कैसा लगा। तो आप नीचे कमेंट बॉक्स में कमेंट करके जरूर बताएं। और किसी तरह का सुझाव भी देना चाहते हैं। तो आप नीचे कमेंट बॉक्स में अपनी राय हमसे साझा कर सकते हैं।