How To Add Countdown Timer Before A Download Link on Blogger
You may have seen at many downloading destinations or safe connection locales utilizes a commencement clock before the connection shows up, when the page stacks, a 10-second clock consequently starts. then, at that point, after the time is up a download button shows up for individuals to tap on the connection and start their download.
Download Button (With Timer) is utilized for some reasons in our blog one of them is to lessen the Bounce Rate of a site.
The benefit of the Countdown timer:
In the event that you have AdSense or utilizing some other promotion organizations, By utilizing this code prior to downloading will assist you with expanding the income
It will decrease the ricochet pace of your site
At the point when the client is holding up he might see different posts of your site and may get drawn in.
The burden of Countdown Timer:
Guests might get upset, In certain destinations, there will be over 15 seconds clock
Clients might leave the site because of the long clock and so on
Step by step instructions to Add it on Blogger:
It's exceptionally simple to carry out on blogger simply follow underneath steps.
<br />
<!-- Paste Your Adsense Code Here -->
<br>
<center>
<span id="countdown">You have to wait 15 seconds.</span></center>
<br />
<div style="text-align: center;">
<a href=" your link" id="download_link" class="btn btn-gradient gradient2"style="display: none;font-weight:bold;font-size:20px;border:1px solid #ccc;border-radius:10px;padding:10px;text-decoration:none;color:#fff;background-color:#3340FF;">Download</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>
</div>
<br />
<!-- Paste Your Adsense Code Here -->
<br>