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"

NextPrayas

Advance Download Timer

New Page Code

CSS code

JavaScript Code

HTML Code

Post a Comment

0 Comments

Popular Posts

राजस्थान बोर्ड की 12वीं का रिजल्ट कल:साइंस, आट्‌र्स और कॉमर्स का एक साथ जारी होगा परिणामMay 19, 2024

Biomocule Important Question AnswerApril 21, 2024

MCQ s QuizJune 02, 2024

Quiz

Tags

Footer Menu Widget

NextPrayas

Advance Download Timer

New Page Code

CSS code

JavaScript Code

HTML Code

Post a Comment

0 Comments

Subscribe Us

Social Plugin

Popular Posts

राजस्थान बोर्ड की 12वीं का रिजल्ट कल:साइंस, आट्‌र्स और कॉमर्स का एक साथ जारी होगा परिणामMay 19, 2024

Biomocule Important Question AnswerApril 21, 2024

MCQ s QuizJune 02, 2024

Quiz

Tags

Footer Menu Widget

Social Footer Widget