Advance Download Timer

Create a New Page on blogger

New Page Code

<center>  <br> <center> <style>#postTitle{text-align: center;}</style> <button id="download-btn" onclick="generate()"> <i class="fa fa-download"></i> Download Now </button> <div id="refresh" style="display: none; font-size: 18px;"><b>Thanks!</b><br> Your download will start in few seconds... <br> If not then,</div> <a href="" id="re-download-btn" style="display: none;">Click Here</a> <script> function generate() { var j = document.getElementById("refresh"); var e, n = document.getElementById("re-download-btn"), t = document.getElementById("download-btn"), a = document.getElementById("re-download-btn").href, l = 5, d = document.createElement("span"); n.parentNode.replaceChild(d, n), e = setInterval(function () { --l < 0 ? (d.parentNode.replaceChild(n, d), clearInterval(e), window.location.replace(a), j.style.display = "contents", n.style.display = "inline") : (d.innerHTML = "<div class='waiting'>Please Wait...</div><div class='timer'>" + l.toString() + "</div> <div class='second'>Seconds</div>", t.style.display = "none") }, 1e3) } </script> <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; } .timer { background: bisque; width: 5%; padding: 10px; font-size: 25px; border-radius: 50%; width: 7%; } </style> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link> <script> document.getElementById("re-download-btn").href=localStorage.getItem("Download Link"); document.getElementById("postTitle").innerHTML = localStorage.getItem("Post Title"); </script> </center> <br><br>  </center>

CSS code

Open blogger theme past CSS code after <head> tagPast download link

Past JavaScript code before </body> tage

JavaScript Code

HTML Code

Html code past on post. In html code past google adsense code download page link

In blogger theme search <h1 class entry-title' and past id="postTitle"

Welcome to State Pariksha! Your one-stop destination for all State and Competitive Exam preparation. Get the latest updates, exam notifications, practice quizzes, GK notes, current affairs, and study material – all in one place to help you succeed in your next government job exam.

Raj Study Pool

Search Suggest

Advance Download Timer

New Page Code

CSS code

JavaScript Code

HTML Code

एक टिप्पणी भेजें

Popular Post

Science Model Paper 1

Science Model Paper 2

Science Model Paper 3

WhatsApp Widget in blogger

About Me