Promote Your Business With Us -
Mail Now
×

How to Add 15 Sec Download Timer Button in Blogger & WordPress [Full Guide 2023]

byAdmin
0

Hello friends! Welcome to your onlinewebbeast.com blog. So in this article today we are going to talk about Add Download Timer in Blogger & WordPress. And what is this & how can we use them? So we will know all these things in this article. So stay in this article and know more in full detail. You can also Get the Latest Html and Javascript code in 2023 with a Full Guide.

How to Add Download Timer Button in Blogger & WordPress [Full Guide]

How to Add 15 Sec Download Timer in Blogger & WordPress

What is Download Timer?
So friends, before knowing about Add Download Timer in Blogger, we get to know about this Download Timer.
So let me tell you that this is a process. There is a countdown of a certain time before downloading anything. This is what we call Download Timer.

Free Countdown Widget for Blogger

If you do blogging and your blog is on the Blogger platform. Also, your blog is a downloading blog. So you must have thought that at some time you should earn a good amount too.
So for this bloggers use Download Timer. Using this, people will stay on your blog for the time you have decided. So that your Bounce Rate is also under control.

Countdown Timer HTML Script
So friends, let me tell you that this download Timer's feature is made by Coding. HTML and JavaScript have been used in this feature.
If you see any tools or Widgets related to online web development. Coding has great importance in everything. Nowadays people of Coding Sikhs are earning a decent amount even sitting at home easily.
Download Timer in Blogger & WordPress
So even before that, I wrote an article on this Download Timer. But in that, I had told about such a script that used to be redirected as soon as the timer was over.
But today I am going to tell you about a new script. After the Z timer runs out, you Download Button Will appear After that you will be downloaded only after clicking on it.
The script that I had told earlier, worked only in Blogger's blog. But you can easily use this script on a WordPress website too.
How To Use Download Timer
So below I have explained all those steps in detail. With the help of which you can easily use this Download Timer Widget. So follow the steps below.

Download Timer Button Html and javascript code

Step 1 - First of all you will get this Download Timer's Script. Copy it.

 
<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/AVvXsEh0t8zIs_Z7yVlw8124zkOmnDhMJzLX7D2ZGqOyLyIu6xr48jn9ZbmvRiZMSrd0vDuHJ8Bb4or8MtPWH5uB30EUGaFOqQ-oM41lNSugDTgxExPAzKOaZ-AYvCz9twIpJIL0jQnXMZO8dFk/s1600/but.jpg" /></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 - Now you have to paste this code wherever you want to use this widget.
Step 3 - Now you have to paste your download link to this code at the instance of #.
Step 4 - And if you want to change the time, then you can easily change it. And save it.
Step 5 - Now your work is done successfully.

Conclusion

And how did you like this Add Download Timer in Blogger & WordPress article. So you must tell by commenting in the comment box below. And also want to give some kind of suggestion. So you can share your opinion with us in the comment box below.
Tags:
Previous Post Next Post