atozblogginghelper

How To Add Countdown Timer in Blogger | Download Timer in Blogger 2020

RK EMPEROR
by RK EMPEROR September 13, 2020

How To Add Countdown Timer in Blogger 2020

Hey Guys, If you are facing an increase in the bounce rate of your blog or your site has high traffic but the AdSense impression count is low?

Then read the full post and you never face such issues in the future.

How To Add Countdown Timer in Blogger | Download Timer in Blogger 2020
AtoZBloggingHelper

In this article I am going to tell you about the countdown timer, Countdown timer is basically

a timer which you see before starting a movie.


Bare with us to get Full Detail of the Countdown Timer…

What is Countdown Timer?

The countdown timer is basically a timer, you put before downloading your link, If you have

seen the old projector movies then you had seen a timer before the starting of the movies.


It is the same as that, but in your case, you put a script for the same process, and when any

the user gets to your page they have to wait till the timer goes 0 and after that, the download

the button will appear where your user can download the required file.

Why use Download Timer?

Many times you put the direct download link of the file then there is a high chance that the user

gets to your site and immediately redirected to the file link.


And this is very harmful to your site and cause you great loss.


Immediate redirection of the user could cause an increase in the bounce rate that causes a

drastic ranking drop.


And ads impression also not count, that will also decrease your ads earning.

How to use Countdown Timer in Blogger

In WordPress, many plugins can do this easily. But in the case of a blogger, you have

manually installed the script for adding a countdown timer to your blogger site.

How to Embed Download Timer in Blogger


  1. Open the Post where you want to add the timer
  2. Go to HTML View 
  3. Paste the script from Below


Copy The Code

<div dir="ltr" style="text-align: left;" trbidi="on"> <body> <center> <span id="countdown">You have to wait 30 seconds.</span></center> <br /> <div style="text-align: center;"> <br /> <a href="https://www.youtube.com/channel/UCCdu8DqgR_ntG2KW_luFnZA?sub_confirmation=1" id="download_link" style="display: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqlZeeNqdFl69fV9PXu_EgBrWB-rmqj4uVzsi1DiYjxGt68DQGUzitOrJAM2U9rS-VXeYzQBFJOMRfrpb86fxknNnV87toprowGSxT2yGtHyn73uPpVQ15rZNZ3Fmv4ubypgD_twI6nZg/s1600/Download-250x90.gif" /></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 = 30; 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>



Demo


You have to wait 30 seconds.

Post a Comment

1 Comments