Advance Download timer For Blogger 2023 New method 100% working

First of All Crate a new page the with the name of download timer and do you want change name as you want after create paste the code on this page as HTML view and past the all copy code as below and public this page

<center> <!--Google Adsense Code--> <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> <!--Google Adsense Code--> </center>

after creating page of download timer then next copy the code and pate on head section

<style> /* countdown time redirect button css */ #redirect-download{ padding: 10px 25px 10px 25px; border: none; border-radius:5px; color: white; background: dodgerblue; font-weight: 600; } #redirect-download:hover{ background:royalblue; } </style>

all above setps are completed then next copy this code and paste before

section carefully all steps and completed if any problem then contect with me or comment on this post

<script> document.getElementById("post-Title").innerHTML = document.getElementById("postTitle").innerHTML; var postTitle = document.getElementById("postTitle").innerHTML; function redirectbtn(){ localStorage.setItem("Post Title", postTitle) localStorage.setItem("Download Link",link); return false; } </script>

After all complete seteps and save your theme and back to post section and create a post and copte the code and add paste where you want add download button then paste on. please change the "page download link "and "download link" page download link paste one time and save and download link paste every time do you give download link after download timer complete page redirect on this page pasted on "download link" section. after all setep download button is working perfectly.

<center> <!-- Google Adsense Code--> <h2 style="margin: 0px;">Download<span id="post-Title"></span></h2> <form action="Page Download Link" target="_blank" style="margin-bottom: 15px;"> <button id="redirect-download" onclick="redirectbtn();"><i class="fa fa-download"></i> Download Now</button> </form> <!-- Google Adsense Code--> </center> <script> // download link paste here var link = "Download Link"; </script>

if you want chnage download button with post title then you can search on theme section and search this word

<h1 class entry-title'

after search up class entry-title then paste this code on all classes and save /blockquote>

id="postTitle"

for more information and updates please follow me on