1. You need to place the following code between <head></head> of your site
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
2.Add This Code Where you wont download button –
<style> button#download-btn { padding: 10px 25px 10px 25px; border: none; border-radius: 5px; color: white; background: dodgerblue; font-weight: 600; } button#download-btn:hover { background: royalblue; cursor: pointer; } .timer { background: bisque; width: 5%; padding: 10px; font-size: 25px; border-radius: 50%; width: 7%; } </style> <!-- Google Adsense Code--> <center> <button id="download-btn" onclick="generate()"> <i class="fa fa-download"></i> Download Now </button></center> <!-- Google Adsense Code--> <center> <div id="tp-wait1" style="display: none;"> <p id="countdown" class="countdown">Thanks! Your download will start in <span id="tp-time">10</span> Seconds...</p> </div></center> <!-- Google Adsense Code--> <script> function generate() { document.getElementById('download-btn').style.display = 'none'; document.getElementById('tp-wait1').style.display = 'block'; var count = 10; var counter = setInterval(timer, 1300); function timer() { count = count - 1; if (count <= 0) { window.location.href = "Download Link"; clearInterval(counter); return; } document.getElementById("tp-time").innerHTML = count; } } </script>