How To Add Countdown Timer in Download Button in Blogger Like WordPress

Add Timer In Download Button In Blogger

From OpenWorld TechInfos, Today we are going to tell about how to add countdown timer in download button in Blogger like WordPress. The process that we are going to tell is very easy just you have to add simple codes that is given below to add countdown timer in the download button in blogger. To understand you must read this article or post very carefully. Before we go to the main process we must know the importance of adding timer in the download buttons.

Important of Adding Timer In Download Button In Blogger

• It helps to earn more money in from the blogger.
• It will help to increase your site impression.
• There are many more which we have not included. You can do research in the internet.

Now without doing any further delay lets start the main process to add count down timer in download button in the blogger like in WordPress. To add the count down timer you have to read this article or post very care fully and apply the codes in the blogger accordingly.

Add Count Down Timer in Download Button in Blogger

Step 1 :- First You must log in to your blogger account. Then just Click on the theme.

Step 2 :- After you click in Theme You have to Click on the Edit HTML.

Step 3 :- Now you will see a new interface of your theme or template codes. Here you have to scroll down till the you rich end or bottom. Now Just before </body> tag add the code that is given below.

<script type="text/javascript">

                //<![CDATA[

var downloadButton = document.getElementById("download");

var counter = 10;

var newElement = document.createElement("p");

newElement.innerHTML = "You can download the file in 10 seconds.";

var id;

downloadButton.parentNode.replaceChild(newElement, downloadButton);

id = setInterval(function() {

    counter--;

    if(counter < 0) {

        newElement.parentNode.replaceChild(downloadButton, newElement);

        clearInterval(id);

    } else {

        newElement.innerHTML = "You can download the file in " + counter.toString() + " seconds.";

    }}, 1000);

           //]]>

</script>

Step 4 :- Now Click on Save Theme.

Step 5 :- While Creating download button you gave to write the code in this format

<a href="downloadFile.zip" id="download" class="button">Download the file...</a>

This is how you can add countdown timer in download button in blogger. Thanks for reading post.