How to Add Download Timer Button in Blogger

Hi to all in this article, I am going to tell you all about how to add automatic countdown timer before download file in blogger website easily in just few minutes.

Read the below provided steps carefully and completely to get clear understanding, about this and don't skip any step, if you miss then it will cause problem while showing the timer in your blogger posts.

How to Add Download Timer Button in Blogger

Steps to Add Download Timer Button in Blogger Website

Step-1: First of all login to your blogger website dashboard by using your login credentials.

Step-2: Now click on New Post.

Step-3: Click on pencil icon -> select HTML view.

Step-4: Now copy the below provided code.

<div dir="ltr" style="text-align: left;" trbidi="on"> <center> <span id="countdown">You have to wait 20 seconds.</span></center> <br /> <div style="text-align: center;"> <b>Generating Download Link...</b><br /> <a class='button' href="#" target="_blank" id="download_link" style="display: none;">Download Now</a> <noscript>JavaScript needs to be enabled in order to be able to download.</noscript> <script type="application/javascript"> (function(){ var message = "%d seconds before download link appears"; // seconds before download link becomes visible var count = 20; var countdown_element = document.getElementById("countdown"); var download_link = document.getElementById("download_link"); var timer = setInterval(function(){ // if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed if (count) { // display text countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count); // decrease counter count--; } else { // stop timer clearInterval(timer); // hide countdown countdown_element.style.display = "none"; // show download link download_link.style.display = ""; } }, 1000); })(); </script></div></div>
Copy

Step-5: Pate the copied code in the post HTML view section.

Step-6: Now add title, labels, description, comments, links, locations etc.

Step-7: After all setting click on publish button.

Step-8: You have successfully added download timer button in your blogger website easily in just few minutes.

Demo Download Countdown Timer

Conclusion

I hope you have understood, how to add automatic countdown timer before download the file in blogger website easily in just few minutes.