Type Here to Get Search Results !

How to Add Download Timer Script in Blogger and Make Money

Hello friends, in this article, we are going to tell you how to add a download timer script in blogger.  You will get all the information related to this in this article.  

That's how to add download timer button in your blogger.  Hello friends my name is Armaan Ansari and welcome all of you once again to arman15.blogspot.com blog website where you always get to learn something new.

how-to-add-download-timer-script-in-blogger
How to Add Download Timer Script in Blogger

नमस्कार दोस्तों, इस लेख में, हम आपको बताने जा रहे हैं कि ब्लॉगर में एक डाउनलोड टाइमर स्क्रिप्ट कैसे जोड़ें। इससे संबंधित सारी जानकारी आपको इस आर्टिकल में मिल जाएगी। कि कैसे अपने ब्लॉगर में डाउनलोड टाइमर बटन ऐड कर सकते हैं। नमस्कार दोस्तों मेरा नाम है, अरमान अंसारी और स्वागत है आप सभी का एक बार फिर से arman15.blogspot.com ब्लॉग वेबसाइट पर जहां हमेशा आपको कुछ कुछ नया सीखने को मिलता है।

How to Add Download Timer Button in Blogger 2022


Step 1. नीचे दिए गए CSS Code को blogger के edit theme के <head> के नीचे पेस्ट करना है।

<style>
.astbutton {
    background: linear-gradient(99deg, rgba(2,0,36,1) 0%, rgba(0,255,196,1) 0%, rgba(242,242,242,0.9192270658263305) 100%);
    border: none;
    color: black;
    font-family: system-ui;
    font-size: 17px;
    text-decoration: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 19px;
}
    .infoblogger{
    background: linear-gradient(99deg, rgba(2,0,36,1) 0%, rgba(0,255,196,1) 0%, rgba(242,242,242,0.9192270658263305) 100%);
    border: none;
    color: black;
    font-family: system-ui;
    font-size: 17px;
    text-decoration: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 19px;
}
    </style>

Step 2.  इसके बाद आपको सबसे नीचे आना है, नीचे आप को </body> दिखेगा। इस Javascript Code को </body> के ऊपर Pest करना है।

<script type='text/javascript'>
//<![CDATA[
var downloadButton = document.getElementById("download");
var counter = 5;
var newElement = document.createElement("p");
newElement.innerHTML = "";
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 = +counter.toString() + " second.";
        }
    }, 1000);
};
var clickbtn = document.getElementById("btn");
clickbtn.onclick = startDownload;
//]]>
</script>

Step 3. इस नीचे वाले code को आपको अपने blog post में जहां पर आपको Download Button Add करना है। वहां पर इस कोड को pest करें।
<div><br /></div>
<div style="text-align: center;"><a class="astbutton" href="####" id="download" target="_blank"> Download File </a><button class="infoblogger" id="btn"> Click Here </button> 
</div>
Tags

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad



close