Creat New Posts & Open HTML View or paste this code
<div dir="ltr" style="text-align: left;" trbidi="on">
<body>
<center>
<span id="countdown">You have to wait 10 econds.</span></center>
<br />
<div style="text-align: center;">
<b>Click on Download Button After Time is Over</b><br />
<br />
<br />
<a href="#" id="download_link" style="display: none;" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnF9EJOjvGV0huDRemeCduffp93erKwFJ1-rLeISnBX2O4lygd0d_Y3rIU6DS-cGuHST_ampBbhE24wFMNtcd7dEy_Q0eHKLX-vIEcu5Uz40GLjk4mUcNZmdrH-xJeSlK8IuGIfg10Bg/w200-h49/Download+button.png" /></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>
</body></div>
DEMO
