HOW TO MAKE DOWNLOAD BUTTON WITH TIMER ON BLOGGER

Hii guys, Many of the blogger share download links on their website and they provides some files via using it so in this article i will let you know how can you create download button with timmer. If you want to make it on your website you can create download button on your post via using some simple codes so if you are intrested in making download button with timmer the lets get started..

Features Of Download Button with Timmer

Stylish Button
Changable Timmer
Works Properly On Blogger
No Hidden Codes
Rsponsive Button

Demo OF Download Button With Timmer

Process To Install Or Use Download Button On Blogger Post

Create A post and Select the postion where you want to place download button After that copy the code that is given below After Coping the code now paste it to the postion where you want download button now sav ethe post or publish it before publishing replace the hastag (#) that with the link you want to make it downloadble when button is being click and published it. All Done !!

<style>
.Bg-btnmain{background-image:linear-gradient(to right,#ff4e50 0,#f9d423 51%,#ff4e50 100%)}.Bg-btnmain{margin:10px;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;display:block}.Bg-btnmain:hover{background-position:right center;color:#fff;text-decoration:none}.Bg-94btn{background-image:linear-gradient(to right,#ff4e50 0,#f9d423 51%,#ff4e50 100%)}.Bg-94btn{margin:10px;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;display:block;box-shadow:0 0 2px 2px #000}.Bg-94btn:hover{background-position:right center;color:#fff;text-decoration:none}a:visited{color:#fff}</style>
<center> <button class="Bg-btnmain" onclick="dosomethig(this)"><b><i class="fa fa-download"></i> Download Now</b></button>
<div id="output"></div>
<a class="Bg-94btn" href="#" id="Bg94btn" style="display: none;"><b><i class="fa fa-hand-pointer"></i> Click Here</b></a><center>
<script>function dosomethig(e){e.style.display="none";var n=document.querySelector("#output"),t=15;setInterval(function(){if(n.innerHTML="Please wait.. "+t,t--,0>=t){n.style.display="none";var e=document.querySelector("#Bg94btn");e.style.display="inline-flex"}},1e3)}</script></center></center>{alertSuccess}

Vedio Tutorial For Download button With Timmer

Comming Soon....