Download Timer Button HTML Code For Blogger Website

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

ব্লগার ওয়েবসাইটে টাইমার ডাউনলোড বাটন যুক্ত করার জন্য প্রথমে প্রয়োজন HTML কোড। যা এই আর্টিকেলে পেয়ে যাবেন। কোডটি সংগ্রহ করার আগে এর ডেমু দেখে নিন।

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

প্রথমে নিচ থেকে কোডটি কপি করে নিন। তারপর পরবর্তী নির্দেশনা অনুসরণ করুন। কোডটি সরাসরি কপি করতে সমস্যা হলে নিচের লিংকে ক্লিক করে ডাউনলোড করে নিন।

Ads Click To Get Link  

  Click To Download  Checking you Ads Click or not...

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 যুক্ত করে নিতে পারবেন। ব্লগার ওয়েবসাইটের জন্য প্রয়োজনীয় সকল তথ্য সবার আগে জানতে আমাদের সাথে থাকুন।