How to Install Download Timer Button on Blogger

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

डाउनलोड टाइमर बटन क्यों इस्तेमाल होता है?

डाउनलोड टाइमर बटन का इस्तेमाल ज्यादातर हम फाइल शेयर करने के लिए करते हैं जिससे हम विजिटर को अपनी साइट पर इंगेज रखा जा सके।

डाउनलोड टाइमर बटन लगाने के फायदे

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

Features of Download Timer Button

• फ्री डाउनलोड स्क्रिप्ट
• इजी टू इंस्टॉल
• कस्टमाइज टाइमर ऑप्शन
• कस्टमाइज डिजाइन कलर ऑप्शन
• टाइमर काउंटडाउन

About Timer Button Script

डाउनलोड टाइमर बटन स्क्रिप्ट को इंस्टॉल करना बहुत ही सरल है आप नीचे दिए गए स्टेप्स को फॉलो करके सरलता से इस स्क्रिप्ट को इंस्टॉल कर सकते हैं। हमने कुछ जावा स्क्रिप्ट और सीएसएस कोड का उपयोग करके इस स्क्रिप्ट को create किया है जो इसे आकर्षक और यूनिक बनता है।

Download Timer Button टेंपलेट कैसे इनस्टॉल करें?

Step 1: डाउनलोड टाइमर बटन लगाने के लिए सबसे पहले आपको ब्लॉगर के Theme Option पर जाना है। इसके बाद आपको Edit Html ऑप्शन को सिलेक्ट कर लेना।

Add CSS Code

Step 2: इसके बाद आपको Html बॉक्स में इस कोड ]]</b:skin> को फाइंड करना है और नीचे दिए गए code को कॉपी करके सर्च किए गए कोड के ऊपर Paste कर देना है।
[शॉर्टकट की का इस्तेमाल करें कोड ढूंढने के लिए Ctrl+F]

/* Install Download Button With Timer Countdown by thewebtrick */
#downloadinfo {max-width:800px;margin:auto;box-shadow: 0 0 3px rgba(0,0,0,.12), 0 0 2px rgba(0,0,0,.24);border-radius: 3px;color:#fff;display: block;overflow:hidden;padding: 10px;text-align: center;box-sizing: border-box;background-color: #808080}
#twtfile{text-align: left;background-color: #ffffff;;font-size:18px;overflow: hidden;border-radius:3px;padding: 0} 
#downloadinfo .downx{height:49px}
#downloadinfo p{font-size:20px; line-height:49px;font-weight:700;margin:0px;height:49px}
.file-name, .file-size, .uploader {color: #000000; background-size: 20px;background-repeat: no-repeat;display: inline-block;padding: 6px 0 6px 40px;background-position: 10px}
.file-name{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,2H6C4.89,2 4,2.89 4,4V20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20V8L14,2M12,19L8,15H10.5V12H13.5V15H16L12,19M13,9V3.5L18.5,9H13Z' fill='%2395b2f6'/%3E%3C/svg%3E")}
.file-size{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,2H6C4.89,2 4,2.89 4,4V20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20V8L14,2M12,19L8,15H10.5V12H13.5V15H16L12,19M13,9V3.5L18.5,9H13Z' fill='%2395b2f6'/%3E%3C/svg%3E")}
.uploader {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z' fill='%2395b2f6'/%3E%3C/svg%3E");)}
button:before {content: '';background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;display: inline-block;width: 24px;height: 24px;padding: 0;vertical-align: -7px;margin-right: 5px}
button {font-size: 18px;font-weight: 700;padding: px px;border: 5px solid #000000;background-color: #000000;color: #fff;border-radius: 3px}

Add Java Script

Step 3: अब हमें एचटीएमएल बॉक्स में जावा स्क्रिप्ट को ऐड करेंगे। जावा स्क्रिप्ट एड करने के लिए क्लोजिंग बॉडी टैग </body> को सर्च करके नीचे दी गई जावा स्क्रिप्ट को बॉडी टैग के ऊपर पेस्ट करना है।
टैग को सर्च करके नीचे दिए गए कोर्ट को बॉडी टैग के ऊपर पेश करना है। Okay अब हमें सेव बटन पर क्लिक करके स्क्रिप्ट को सेव कर लेंगे।

<script type='text/javascript'>
//<![CDATA[
var _0x19d2 = ["\x64\x6F\x77\x6E\x6C\x6F\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x70","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","","\x72\x65\x70\x6C\x61\x63\x65\x43\x68\x69\x6C\x64","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x64\x69\x73\x70\x6C\x61\x79","\x73\x74\x79\x6C\x65","\x6E\x6F\x6E\x65","\x57\x61\x69\x74\x20","\x20\x73\x65\x63\x6F\x6E\x64\x73","\x74\x77\x74\x62\x74\x6E","\x6F\x6E\x63\x6C\x69\x63\x6B","\x6F\x6E\x6C\x6F\x61\x64","\x64\x6F\x77\x6E\x6C\x6F\x61\x64\x78","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x74\x68\x65\x77\x65\x62\x74\x72\x69\x63\x6B\x2E\x63\x6F\x6D\x2F","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x45\x64\x69\x74\x69\x6E\x67\x1a\x53\x63\x68\x6F\x6F\x6C"];var downloadButton=document[_0x19d2[1]](_0x19d2[0]);var counter=15;var newElement=document[_0x19d2[3]](_0x19d2[2]);newElement[_0x19d2[4]]= _0x19d2[5];var id;downloadButton[_0x19d2[7]][_0x19d2[6]](newElement,downloadButton);function startDownload(){this[_0x19d2[9]][_0x19d2[8]]= _0x19d2[10];id= setInterval(function(){counter--;if(counter< 0){newElement[_0x19d2[7]][_0x19d2[6]](downloadButton,newElement);clearInterval(id)}else {newElement[_0x19d2[4]]= _0x19d2[11]+ counter.toString()+ _0x19d2[12]}},1000)}var clickbtn=document[_0x19d2[1]](_0x19d2[13]);clickbtn[_0x19d2[14]]= startDownload;window[_0x19d2[15]]= function(){var _0x3c83x7=document[_0x19d2[1]](_0x19d2[16]);null== _0x3c83x7&& (window[_0x19d2[18]][_0x19d2[17]]= _0x19d2[19]),_0x3c83x7[_0x19d2[20]](_0x19d2[17],_0x19d2[19]),_0x3c83x7[_0x19d2[20]](_0x19d2[21],_0x19d2[22]),_0x3c83x7[_0x19d2[4]]= _0x19d2[23]} //]]>  
</script>

Add Code In Post

Step 4: फाइनल स्टेप अब हमें नीचे दिए गए कोड को अपनी पोस्ट में ऐड करना है। इसके लिए आपको एचटीएमएल मोड में पोस्ट को ओपन कर लेना है इसके बाद आप जिस जगह डाउनलोड बटन लगाना चाहते हैं वहां इस कोड को Paste कर देना हैं।

<div id="downloadinfo"><div class="downx"><button id="twtbtn">Get Download Link</button><a class="button" href="https://www.thewebtrick.com" id="download"><button>Download</button></a></div>
<div id="twtfile"><span class="file-size">File Name: Subscribe Frame Intro</span>&nbsp;<span class="uploader">Uploaded By: Editing School&nbsp;</span><span class="file-size">File Size: 1.3 MB</span></div><a href="https://thewebtrick.com/" id="downloadx" target="_blank"></a></div>

Add URL: Url ऐड करने के लिए मार्क किए गई url को बदली है।

FAQ

क्या हम स्क्रिप्ट से एडिटिंग स्कूल का लिंक एडिट कर सकते हैं।

जी नहीं, ऐसा करने पर स्क्रिप्ट वर्क नहीं करेगी।

डाउनलोड टाइमर बटन में एडिटिंग स्कूल का लिंक ऐड क्यों किया गया?

यह लिंक ऑथर को क्रेडिट देने के लिए एड किया गया है।

You May Like These Posts:

Go to Link