How To Add Countdown Timer Button In Blogger Post

How To Add Countdown Timer Button in Blogger Post:

 Hello, friends Today’s posts are going to be very much a gush. Friends If you are a Blogger or blogger is a website, this post is going to be of great use to you. So guys, if you enter blogger posts as well as link some materials in your post, I’ll tell you how you can give that Link in a beautiful Download Button.

How To Add Countdown Timer Button In Blogger Post: Advantages of Countdown Timer Button:

So guys, if you learn about the benefits of the Countdown Timer Button, be sure that you’ll use Countdown Timer Button in all your posts. The advantages of the Countdown Timer Button are as follows.

• The first advantage of the Countdown Timer Button is that it will reduce your Blogger Website’s Bounce Rate considerably.
• If you give a Direct Link to your website, any user who comes into your post goes straight to Download the Materials and doesn’t stop on your site. If you add a few seconds of the Countdown Timer Button, the user will stop on your site and you must also read your post as long as you are at the same time.
• Also, if you have written the post, they read the entire post. That keeps your site’s Bounce rate in control.

How To Add Countdown Timer Button In Blogger Post:

So I’ll tell you how you’ll add a countdown timer button in your Post.

So you’ll need a Countdown Timer Script to add the Countdown Timer Button to any of your posts. You will find that script in the box below.

After copying the script, you need to go to your Blogger’s dashboard and open the post in whichever post you want to add Countdown Timer.

Then you have to open the HTML View of that post.

Then you have to paste this Script at the end of the Post.

After you paste the script, you have to come up with a link to the file that you need to link to in this Timer and "#" Delete the part and paste your file.

So with this Countdown Timer will be set in your post.

HTML: Copy and paste your Blogger

 <div dir="ltr" style="text-align: left;" trbidi="on">

<center>

<span id="countdown">You have to wait 10 seconds.</span></center>

<br />

<div style="text-align: center;">

<b>Generating Download Link...</b><br />

<a class='button' href="paste your link here" 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 = 10;

   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>