ব্লগারে Download Timer বাটন যুক্ত করার কোড । Best Download Timer button script

পেজ এর ভিজিটিং টাইম বৃদ্ধি করতে এবং Adscence এর ইনকাম বাড়াতে আমরা অনেকেই আমাদের ব্লগে Download Timer বাটন ব্যবহার করে থাকি ।  কিভাবে ব্লগারে টাইমার ডাউনলোড বাটন যুক্ত করতে হয় তা আজকের আর্টিকেলে আপনারা জানতে পারবেন এবং সাথে পেয়ে যাবেন সুন্দর একটি ডাউনলোড বাটনের Html কোড । এখানে আপনি কোডটি আপনার মতো করে কাস্টোমাইজ করে নিতে পারবেন । 

Demo :

This Timer Code

Demo

Toki Unlimited
File Type: Html timer code

If Download Does Not Start Then Inform Us On Contact Us Page Of This Blog

প্রথমে নিচের কোডটি কপি করে নিন, তারপর আপনি আপনার ব্লগে চলে যান।

HTML

<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> Toki Unlimited</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://www.tokiunlimited.com/p/contact-us.html">Contact Us</a> Page Of This Blog
</div>
</div>

উপরোক্ত কোড গুলোতে আপনি লাল মার্ক করা যে লেখাগুলা দেখতে পাচ্ছেন সেগুলো আপনি আপনার মতো করে কাস্টোমাইজ করে নিতে পারবেন । 

ব্লগে আসার পর যা করতে হবে :

• আপনার ব্লগ পোস্ট অপশনে চলে আসুন । 

• তারপর ব্লগের জন্য একটি ব্লগ পোস্ট তৈরি করুন । 

• যেখানে ফাইল ডাউনলোড বাটন দিতে চান সেখানে উপরোক্ত কোডটি পেস্ট করুন । 

• কোড পেস্ট করতে HTML মুড ব্যবহার করুন । 

• এরপর আপনার মত করে কোডটি কাস্টোমাইজ করে নিন । 

এভাবে খুব সহজে অল্প সময়ের মধ্যে আপনি আপনার ব্লগ পোস্টে Download Timer Button টি যুক্ত করে নিতে পারবেন।