How To Add Download Timer Script for Blogger
Advanced Download Timer Script for Blogger
Download Timer Script for Blogger Demo
<style>
.button {
margin-top: 10px;
/* Download button background color */
background-color: #00acee;
color: #fff!important;
/* font-family: Arial Bold!important;
font-size: 16px!important; */
text-decoration: none;
border-radius: 5px!important;
padding: 10px 20px!important;
line-height: 16px!important;
}
.gag{
background-color: #00acee;
color: #fff!important;
/* font-family: Arial Bold!important;
font-size: 16px!important; */
text-decoration: none;
border-radius: 5px!important;
padding: 10px 20px!important;
line-height: 16px!important;
text-transform: capitalize;
}
p.center-text{
margin-top: 10px!important;
text-align: center!important;
font-size: 18px!important;
}
</style>
<div style="text-align: center;">
<a href="URL" target="_blank" id="download" class="button">Download Now</a>
<button id="btn" class="gag">Click Here to Generate Link</button>
<script>
var downloadButton = document.getElementById("download");
var counter = 15;
var newElement = document.createElement("p");
newElement.innerHTML = "";
newElement.classList.add('center-text');
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
function startDownload() {
this.style.display = 'none';
id = setInterval(function () {
counter--;
if (counter < 0) {
newElement.parentNode.replaceChild(downloadButton, newElement);
clearInterval(id);
} else {
newElement.innerHTML = " Please Wait... " +counter.toString() + " Sec";
}
}, 1500);
};
var clickbtn = document.getElementById("btn");
clickbtn.onclick = startDownload;
</script> {codeBox}
You Can Read Also:
• Best Free Amazon Affiliate Blogger Templates
• Best Amazon Affiliate WordPress Themes
• Best Free eCommerce WordPress Themes
Download Timer Script For Blogger and WordPress Video Tutorial
Advanced Download Timer Script for Blogger Download File