How to Add 15 Second Download Timer in Blogger Blog

personBishnu Prasad Mahabhoi

3:59 PM

Hello Guys in this article I will tell you one of the most important things which will help you in decreasing bounce rate. That is setting a download timer or countdown timer in your blogger blog. does it worth it to set a countdown timer or download timer? My Honest answer is yes definitely.

15 Second Download Timer in Blogger Blog, count down timer

What is Download Timer?

Download timer is also known as a countdown timer. whatever you called it meaning always be the same. So before knowing what is download timer or countdown timer. you must know about it. so in the easy way you can say, before downloading anything, A countdown timer open after that you will get the exact download link is called a countdown timer. As each and every time user or viewers have to wait a certain period of time it will help the user to spend a little bit more time on the website. which will decrease the bounce rate.

Download Timer Html Script

Download Timer is made of HTML and javascript. Although it seems like a very difficult language, it is very easy to learn. you might have seen many widgets or online tools on the various website but have you ever asked yourself how it is made? if you have not then you are not interested in learning. But My personal recommendation for you is to learn a new coding language which will definitely help you in future

Download Timer in Blogger Blog

Most websites are made of blogger and WordPress. So as you have chosen a blogger platform. You can get a download timer that is made of HTML and javascript language. Many Download timer will redirect you to another page but today you will learn how to make a download timer which will not redirect you to another webpage. you can download whatever you are looking for on that single page without redirecting to another web page.

How to Use Download Timer

Step 1: Download Code which is given below

 <div dir="ltr" style="text-align: left;" trbidi="on">
<body>
<center>
<span id="countdown">You have to wait 15 seconds.</span></center>
<br />
<div style="text-align: center;">
<b>Download Timer</b><br />
<a href="#" id="download_link" style="display: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid0DnXhS83O5zUc4mXY-8gDMyclG4jt-eZZgRxiyAE-UdkXbqvwBQ43LKHbUwoX8xiPSBcIY_vYI_hZwJEC156GXeudawpyv6NY492I6XFub1RHDwQL3GMPSfLzfwmbQhQ93sTh2XNhVmU/s1280/download-155424_1280.png" /></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 = 15;
   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>
</body></div>

Step 2: Paste the code where ever you want to Show the download timer

Step 3: Now Paste the download link code in "#"

Step 4: Now You are done

How to Add 15 Second Download Timer in Blogger Blog