Header Ads Widget

How to Add Countdown Timer Button in Blogger Post Download Script

How to Add Countdown Timer Button in Blogger Post Download Script
How to Add Countdown Timer Button in Blogger Post Download Script

How to add a countdown timer to your blogger posts: Hello friends Today's post is going to be very busy. If you are a blogger or a blogger site, this post will be of great help to you. So folks, I'm going to show you how to insert a blogger post and how to link some material to the post and provide that link in a nice download button.

Add countdown timer button to Blogger posts

Giving your posts a timer button will make your posts look professional and very useful for your blog. First, I'll explain the benefits of setting a countdown timer in my post.
So guys, if you know the benefits of a timer button, use the timer button in every post. The advantages of the countdown timer button are: The first benefit of a countdown timer button is that it significantly reduces the bounce rate on your Blogger site.
If you provide a direct link to your website, anyone who visits your post will download the material directly and not stop at your website. Add a few seconds to the timer button and your users will stop on your site and read your message at the same time.
After you write a message, they will read the entire message. This way you can control the bounce rate of your site.
So, I'm going to show you how to add a countdown timer to your post.

So I need a timer script to add a timer button for each message. You can find this script in the box below.

Once you've copied
the script, you need to go to your Blogger dashboard and open the entry for the post you want to add a countdown to. Next, you need to open an HTML view of that message.

Then put this script at the end of the post. After pasting the script, you need to create a link to the file referenced by this timer, remove the https:// section and paste the file.

This
will insert a timer into the message.

div dir="ltr" style="text-align: left;" trbidi="on">
<body>
<center>
<span id="countdown">You have to wait 1 seconds.</span></center>
<br />
<div style="text-align: center;">
<br />
<a href="https://www.mediafire.com/folder/raoleaw5fvir/Rtf 84" id="download_link" style="display: none;">
 
<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 = 1;
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>

conclusion:

So friends, in today's post, How to Add a Countdown Timer to a Blogger Post, I have shown you how to set a countdown timer for a post. I hope you enjoyed this post. Please feel free to reply if you have any questions or suggestions regarding this post.

Post a Comment

0 Comments