Advanced Download Timer Script For Blogger Code
यहाँ आपलोगों को हम बतलाने वाले हैं की आप कैसे Blogger post में Download Timer लगा सकते हैं ? यह Download Timer बहुत ही काम का चीज होता है क्युकी इससे आपका साईट का रैंकिंग गूगल के नजर में बढ़ जाता है। यहाँ दी गयी जानकारी को आप बहुत ध्यान से पढ़े क्युकी एक भी कोड गलत होने पर आपके ब्लॉग post में Download Timer काम नहीं कर पायेगा।
Read Know: Post Graduate Trained Teacher Competitive Examination
Download
Timer से आपके साईट पर user जितने देर तक रुके रहेंगे उतना आपका साईट का रैंकिंग अच्छा
होता रहता है क्युकी गूगल को लगता है की user को आपका post अच्छा लग रहा है तभी वह
इतने देर तक रुका हुआ है तो आइये जानते है।
Download Timer क्या होता है ?
जब
आपको कोई भी साईट कोड या स्क्रिप्ट डाउनलोड करने के लिए देता है तो आप जैसे ही डाउनलोड
बटन पर क्लिक करते हैं तो पहले 10 , 15 या 20 सेकंड का उल्टा गिनती चालू होता है ,
उसके बाद आपको वह फाइल डाउनलोड करने के लिए बटन आता है , जिस पर आप क्लिक कर उस फाइल
को डाउनलोड कर पाते हैं , इसी को Download Timer कहा जाता है |
इस
Download Timer में आप अपने मन अनुसार टाइम सेट कर सकते हैं , जिसके बाद user को वह
फाइल डाउनलोड करने के लिए आ जाता है।
Read Know: Subscribe to unlock Download Button
यहाँ
मैं भी आपको Download Timer code जो देने वाला हूँ वह Download Timer के माध्यम से
ही देने वाला हूँ , जैसे ही आप डाउनलोड करने के लिए बटन पर क्लिक करते हैं तो 15 सेकंड
का उल्टा गिनती चलने के बाद आपको फाइल डाउनलोड का बटन मिलता है , जिस पर क्लिक कर आप
उस फाइल को डाउनलोड कर लेते हैं ।
1. DOWNLOAD BUTTON CLICK WITH POPUP ADS AND TIMER V2-
-----Above---
ये CSS है इसे आपको blogger blog में </head> tag के उपर डालना है।
This is a CSS, you have to put it above the </head> tag in the blogger blog.
Read Know : Add Page Click With Heart Effect in Blogger
<style>
#at-downloadx{position: relative;display: inline-block; height: 30px; line-height: 30px; width: 140px; text-align: center; background-color: #f3f2f2; color: #000; font-size: 15px; border-radius: 8px; text-transform: capitalize; border: 1px solid #212121!important; margin-top: 1px;} .adpop-top{height: 40px; width: 100%; border-bottom: 1px #E5E5E5 solid;} .btn-at{display: block; height: 50px; color: #fff!important; font-size: 18px;text-transform: uppercase; background: #f3a;text-align:center; line-height: 50px;width: 200px; margin: 12px auto; transition: all 0.4s ease-in;} [data-ml-modal] { position:fixed; top:0; bottom:0; left:0; right:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:999; width:0; height:0; opacity:0; } [data-ml-modal]:target { width:auto; height:auto; opacity:1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } [data-ml-modal]:target .modal-overlay { position:fixed; top:0; bottom:0; left:0; right:0; cursor:pointer; background-color:#000; background-color:rgba(0, 0, 0, 0.7); z-index:1; } [data-ml-modal] .modal-dialog { border-radius:6px; box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); position:relative; width: 90%; max-width:660px; max-height:70%; margin:10% auto; overflow-x:hidden; overflow-y:auto; z-index:2; } [data-ml-modal] .modal-content {background:#fff; padding:23px 27px;} @media (max-width:767px) { [data-ml-modal] .modal-dialog {margin:20% auto;} }
.at-pop__close { position: absolute; right: 1em; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer; }
</style> 2. java-script---Above--</body>-
ये java-script है इसे आपको blogger blog में </body> tag के उपर डालना है।
Read Know : Add Page Click With Heart Effect in Blogger
<script>
//<![CDATA[
var downloadButton = document.getElementById("at-downloadx"); var counter = 20; var newElement = document.createElement("span"); newElement.innerHTML = "Please Wait 20 sec"; 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" + " " + counter.toString() + " " + " sec.... "; } }, 1000); }; var clickbtn = document.getElementById("btn-at"); clickbtn.onclick = startDownload;
//]]>
</script> 3. Html---Every Post -
यहाँ किस तरह से कोड paste करना है , आइये ध्यान से समझिये -
इस कोड में पहले से 15 second का टाइमर सेट है , अगर आपको टाइमर को कम या ज्यादा करना है तो इस कोड में आपको var counter = 15; और newElement.innerHTML = "15 sec"; को खोज कर इसमें आप 15 को कम या ज्यादा कर सकते हैं ।
इस कोड में आप अपना फाइल का डाउनलोड लिंक लगाने के लिए" #"को खोजे और अपने डाउनलोड लिंक से बदल दे यानी की replace कर दे।
Read Know : Add Page Click With Heart Effect in Blogger
इस तरह आपका Download Timer code बन चूका है , जिसे आप पूरा copy कर ले। इसी कोड को आप ऊपर बताये गए पांचवा स्टेप में replace करे।
<p><a class="btn-at" href="#AT-downloadPop" id="btn-at">Download</a></p>
<div data-ml-modal="" id="AT-downloadPop">
<div class="modal-overlay"></div>
<div class="modal-dialog">
<div class="modal-content center">
<div class="adpop-top">
<h2 style="margin: 0px;">Download Your file</h2>
<div class='at-pop__close' onclick='document.getElementById("AT-downloadPop").style.display="none"'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' style='width:25px;height:25px;'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
</div>
<br />
<div style='width:660px; height 70%'>
<ins class="adsbygoogle"
style="display:inline-block;width:600px;height:80px"
data-ad-client="ca-pub-7375207904017692"
data-ad-slot="9116285927"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<br />
<a class="button" href="#" id="at-downloadx">Download File</a>
</div>
</div>
</div>
Download Timer कैसे काम करता है ?
इसमें
एडमिन द्वारा समय और फाइल का लिंक जोड़ा हुआ रहता है जिससे user को उतने समय में वह
फाइल डाउनलोड हो जाएगा , इस Download Timer में समय को आप कभी भी बदल सकते हैं , तथा
दुसरे post में दूसरा चीज लगाने के लिए आप दूसरा लिंक भी लगा सकते हैं।
जब
कोई user Download button पर क्लिक करता है तो जितने समय का टाइम सेट रहता है उतना
उल्टा गिनती चालू हो जाता है , उसके बाद फाइल डाउनलोड करने का ऑप्शन आता है जिस पर
क्लिक करते ही वह फाइल डाउनलोड हो जाता है।
अपने
Blogger Post में Download Timer कैसे Add करे ?
A.
सबसे पहले blogger में उस post को open करे जिसमें आपको Download Timer लगाना है।
B.
अब जहाँ भी आपको Download Timer लगाना है , वहां पर 12345 लिख दे ताकि ढूंढने में आसानी
हो।
C. अब ऊपर दिए गए पेंसिल के चिन्ह पर क्लिक कर
HTML View पर क्लिक करे।
D.
अब search करने वाली जगह पर 12345 लिख कर search करे , वह शब्द हाईलाइट हो जाएगा।
E.
अब उस शब्द से नीचे डाउनलोड किया गया कोड से बदल दे यानी की replace कर दे ।
नीचे दिया गया कोड पहले डाउनलोड करें
यहाँ
किस तरह से कोड paste करना है , आइये ध्यान से समझिये -
इस
कोड में पहले से 15 second का टाइमर सेट है , अगर आपको टाइमर को कम या ज्यादा करना
है तो इस कोड में आपको var counter = 15; और newElement.innerHTML = "15
sec"; को खोज कर इसमें आप 15 को कम या
ज्यादा कर सकते हैं ।
इस
कोड में आप अपना फाइल का डाउनलोड लिंक लगाने के लिए" #"को खोजे
और अपने डाउनलोड लिंक से बदल दे यानी की replace कर दे।
इस
तरह आपका Download Timer code बन चूका है , जिसे आप पूरा copy कर ले। इसी कोड को आप
ऊपर बताये गए पांचवा स्टेप में replace करे।
ब्लॉग पोस्ट में Download Timer लगाने से संबंधित कुछ बाते
1.
आप Download Timer code में समय में बदलाव कर के आप अलग अलग post में इसे लगा सकते
हैं |
2.
आप Download Timer code में लिंक में बदलाव कर अपने ब्लॉग पोस्ट के अनुसार लिंक लगा
सकते हैं और हर post में लगा सकते हैं |
3.
याद रखे की इस Download Timer code को एक post में सिर्फ एक ही लगा सकते हैं |
निष्कर्ष
यहाँ
दी गयी जानकारी आपको कैसी लगी हमें बीचे कमेंट बॉक्स में जरुर बताये और अगर आपको कुछ
Download Timer code लगाने में समस्या है तो आप हमसे मदद ले सकते हैं।
आपसे निवेदन है की पोस्ट अच्छा लगा तो सोशल प्लेटफार्म पर शेयर जरुर करे।धन्यवाद
