Hello Guys! How are you? I hope you are all good. Welcome Freemium Tech website's today's article. Today we will share with you a beautiful Download Timer Button. If you are looking download timer button then this post is just for you. So let's begin.
Many of us use the Download Timer button on our blog to increase the visiting time of the page and to increase the Adscence income . In today's article, you will know how to add a timer download button to blogger and you will also get a beautiful download button Html code. Here you can customize the code to your liking.
See Below Timer Button Demo
File Type: Download timer html code
How to Add this code in your blogger post?
Step 1: First of all Go to your Blogger Dashboard
Step 2: Then click post option
Step 3: Now create a new post
Step 4: Then Change Compose view to HTML View
Step 5: Now paste the below code where you want to add this button.
<script type="text/javascript">
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>
<style type="text/css">
/* Download Counter Box */
#btnx{cursor:pointer;padding:10px 20px;border:0;border-radius:3px;background:red;color:white;float:right;text-transform:capitalize;font-weight:500;transition:all 0.5s}#btnx:hover,#downloadx:hover{background:green;color:white;outline:none}.batas-downx{display:block;margin:0 auto;border-radius:4px}.dalam-downx{background:#282828;color:#fff;padding:20px;display:block;border-top-right-radius:3px;border-top-left-radius:3px}.file-info{color:#fff;display:inline-block;font-size:1.2em;line-height:38px;text-align:left}.catatan-downx{padding:20px;background:#f7f7f7;border-bottom-right-radius:3px;border-bottom-left-radius:3px;color:#555;font-size:14px}#downloadx{float:right}#downloadx{padding:10px 20px;border-radius:3px;background:#fff;color:#282828;float:right;text-align:center;font-size:14px;text-transform:capitalize}.bungkus-info span{display:inline-block;line-height:38px;float:right}.file-deskripsi{display:block}.file-deskripsi span{margin-right:3px}
@media screen and (max-width:640px){.batas-downx{float:none;width:100%}}
@media screen and (max-width:320px){.file-info{display:block;text-align:center}#btnx, a#downloadx{width:100%;margin-bottom:10px}.bungkus-info span{float:none;width:100%;text-align:center}.file-deskripsi{text-align:center}}
</style>
<script type="text/javascript">
//<![CDATA[
function generate(){var e,n=document.getElementById("downloadx"),t=document.getElementById("btnx"),a=document.getElementById("downloadx").href,l=15,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),n.style.display="inline"):(d.innerHTML="<i class='fa fa-clock-o' aria-hidden='true'/> The file is ready to download in "+l.toString()+" Seconds....",t.style.display="none")},1e3)}
//]]>
</script>
<div class="batas-downx">
<div class="dalam-downx">
<div class="bungkus-info">
<div class="file-info">
This Timer Code
</div>
<button onclick="generate()" id="btnx"><i class="fa fa-cloud-download" aria-hidden="true"></i> Download Now</button>
<a id="downloadx" href="Your link paste" style="display:none"><i class="fa fa-cloud-download" aria-hidden="true"></i> Download</a>
</div><br>
<div class="file-deskripsi">
<span class="uploader"><i class="fa fa-user-circle" aria-hidden="true"></i> Freemium Tech</span><br> <span class="file-size"> <i class="fa fa-file" aria-hidden="true"></i> File Type: Download timer html code </span>
</div>
</div>
<div class="catatan-downx">
If Download Does Not Start Then Inform Us On <a href="https://freemiumtech.blogspot.com/p/contact-us_11.html">Contact Us</a> Page Of This Blog
</div>
</div> CONCLUSION
In this article, I shared with you How to Add Download Timer Button on Blogger? I hope you have liked It. Please do share it with your friends and follow our blog for more.
Join our Telegram Channel to get the lastest posts updates daily.
Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken.
©Copyright: FreemiumTech™