नमस्कार दोस्तो स्वागत है आपका आपके अपने हिंदी ब्लॉग HUBpro.in पर .
Download Timer क्या है
क्यों कई वेबसाइट अपनी पोस्ट में एक उलटी गिनती जोडती हैं
जैसा कि आपने कई गेम और सॉफ्टवेयर वेबसाइट के डाउनलोड पेज पर देखा होगा जैसे
रैपिड-शेयर uptopc
और अन्य,
इन वेबसाइट में जब हम Download Button
पर क्लिक करते है,
तो 10 या 15 सेकंड का टाइमर अपने आप शुरू हो जाता है।
फिर समय समाप्त होने के बाद,
लोग लिंक पर क्लिक करने और अपना डाउनलोड शुरू करने के लिए फिर से एक
डाउनलोड बटन देखते हैं।
डाउनलोड बटन में टाइमर जोड़ने का एकमात्र कारण यह है कि आप डाउनलोड बटन और
टाइमर के ऊपर और नीचे विज्ञापन रख सकते हैं।
ताकि जब भी कोई डाउनलोड बटन पर क्लिक करे तो आपके विज्ञापनों पर अधिक क्लिक
प्राप्त होने की संभावना है।
यह आवश्यक नहीं है कि टाइमर का उपयोग केवल विज्ञापनों के लिए किया जाए। टाइमर
स्थापित करके,
वेबसाइट भी थोड़ी professional
लगती है,
यही कारण है कि लोग अपनी वेबसाइट में डाउनलोड बटन में टाइमर जोड़ते हैं।
हम अपनी वेबसाइट पर टाइमर कैसे जोड़ सकते हैं?
अपनी वेबसाइट पर एक टाइमर बटन जोड़ना बहुत सरल है,
इसके लिए आपके पास पहले एक टाइमर स्क्रिप्ट होनी चाहिए।
स्क्रिप्ट बहुत छोटी है,
इसलिए अगर आप भी उस स्क्रिप्ट को डाउनलोड करना चाहते हैं,
तो आप नीचे दिए गए डाउनलोड बटन से उस स्क्रिप्ट को डाउनलोड कर सकते हैं।
पहले आपको डाउनलोड बटन दिखेगा फिर क्लिक करने के बाद 15 सेकंड का टाइमर मिलेगा,
फिर डाउनलोड बटन आएगा और फिर आप उस स्क्रिप्ट को डाउनलोड कर सकते हैं।
एक उदाहरण के रूप में,
हमने एक टाइमर और एक बटन भी लगाया है ताकि आप सभी जानते हैं कि आप अपनी
वेबसाइट में एक समान टाइमर और बटन भी डाल सकते हैं। कृपया 15 सेकंड प्रतीक्षा
करें
या आप नीचे दिए गए code को भीं copy कर सकते हैं
<style>
.button {
background-image: linear-gradient(to right, #0066ff, #00a1ff, #00c6eb, #00e087, #a8eb12);
border: 1px solid black;
color: white;
font-family: Arial;
font-size: small;
text-decoration: none;
padding: 3px;
}
.HUBprobtn{
background-image: linear-gradient(to right, #0066ff, #00a1ff, #ffc6eb, #00e087, #a8eb12);
color: white;
}
</style>
<div style="text-align: center;">
<a class="button" href="https://drive.google.com/uc?export=download&id=1D5IQ1WHUz3YMGxnr4NHm-cA5wsKPy_tO" id="download">Download File</a>
<button class="HUBprobtn" id="btn">Click to Download</button>
<script>
var downloadButton = document.getElementById("download");
var counter = 15;
var newElement = document.createElement("p");
newElement.innerHTML = "Please Wait for 15 second.";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
function startDownload() {
this.style.display = 'none';
id = setInterval(function () {
counter--;
if (counter < 0) {
newElement.parentNode.replaceChild(downloadButton, newElement);
clearInterval(id);
} else {
newElement.innerHTML = " Please Wait for "+counter.toString() + " second.";
}
}, 1000);
};
var clickbtn = document.getElementById("btn");
clickbtn.onclick = startDownload;
</script></div>
स्क्रिप्ट डाउनलोड करने के बाद, उस स्क्रिप्ट को अपनी वेबसाइट पर कैसे जोड़ें और टाइमर कैसे जोड़ें,
बस नीचे दिए गए सरल चरणों का पालन करें।
1. Blogger Dashboard पर जाये
2. New Post पर जाये
3. composer view को html व्यू पर सेट करे |
4. इस पोस्ट में दिए गए कोड को अब आप अपने पोस्ट में add कर सकते है
5. आपको बस https://drive.google.com/uc?export=download&id=1D5IQ1WHUz3YMGxnr4NHm-cA5wsKPy_tO लिंक को अपनी फाइल की लिंक से replace कर देना है
चलिए तो देर किस बात की है अभी इस स्क्रिप्ट को अपने ब्लॉग में इसतेमाल करे और अपने ब्लॉग को और भी professional look प्रदान करे |
यदि आप लोगों को किसी भी तरह का कोई भी संदेह हो तो आप नीचे comment box में comment कर सकते हैं मैं जरूर आपके संदेह को हल करने की कोशिश करूंगा |
मुझे आशा है कि आप लोगों को हमारी post अच्छी लगी होगी | अगर आपको यह जानकारी अच्छी लगी हो तो अपने सभी मित्रों के साथ शेयर करें आपको यह आलेख कैसा लगा हमें कमेंट लिखकर जरूर बताएं ताकि हमें भी आपके विचारों से कुछ सीखने और समझने का मौका मिले
हमारी पोस्ट को पढ़ने के लिए धन्यवाद !
