কিভাবে ডাউনলোড বাটনে টাইমার লাগাবেন?

আসসালামু আলাইকুম। কেমন আছেন সবাই? আল্লাহর রহমতে নিশ্চয় ভালো আছেন।

আজকের টিউটোরিয়ালে থাকছে কিভাবে আমরা ডাউনলোড বাটনে টাইমার লাগাতে পারবো।

কিভাবে ডাউনলোড বাটনে টাইমার লাগাবেন?

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

তাহলে চলুন শুরু করা যাক।

প্রথমে ব্লগে লগিং করুন

তারপর লেআউট থেকে থিম এ জান।

এখন সার্চবারে  ]]></b:skin> লিখে সার্চ করুন। ]]></b:skin> লিখাটি খুঁজে পেলে নিছের কোডগুলো  

]]></b:skin> লিখার উপরে পেস্ট করুন।

.buttonDownload{display:inline-block;position:relative;padding:10px 25px;background-color:#4cc713;color:#fff;font-family:sans-serif;text-decoration:none;font-size:.9em;text-align:center;text-indent:15px}.buttonDownload:hover{background-color:#333;color:#fff}.buttonDownload:after,.buttonDownload:before{content:' ';display:block;position:absolute;left:15px;top:52%}.buttonDownload:before{width:10px;height:2px;border-style:solid;border-width:0 2px 2px}.buttonDownload:after{width:0;height:0;margin-left:3px;margin-top:-7px;border-style:solid;border-width:4px 4px 0 4px;border-color:transparent;border-top-color:inherit;animation:downloadArrow 2s linear infinite;animation-play-state:paused}.buttonDownload:hover:before{border-color:#4cc713}.buttonDownload:hover:after{border-top-color:#4cc713;animation-play-state:running}@keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}100%{margin-top:0;opacity:0}}

তারপর নতুন একটি পেইজ তৈরী করুন। পেইজের টাইটেল আপনার ইচ্ছেমত নাম দিতে পারেন।

এখন HTML মোডে গিয়ে নিছের কোডগুলো পেস্ট করুন।

<br />
ADSENSE CODE - 1
<br>
<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<span id="countdown">You have to wait 15 seconds.</span></center>
<br />
<div style="text-align: center;">
<b>Download Timer</b><br />
<a href="your link" id="download_link" class="buttonDownload" style="display: none;">Download</a>
<noscript>JavaScript needs to be enabled in order to be able to download.</noscript>
<script type="application/javascript">
(function(){
   var message = "%d seconds before download link appears";
   // seconds before download link becomes visible
   var count = 15;
   var countdown_element = document.getElementById("countdown");
   var download_link = document.getElementById("download_link");
   var timer = setInterval(function(){
      // if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed
      if (count) {
          // display text
          countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count);
          // decrease counter
          count--;
      } else {
          // stop timer
          clearInterval(timer);
          // hide countdown
          countdown_element.style.display = "none";
          // show download link
          download_link.style.display = "";
      }
   }, 1000);
})();
</script>
</div>
</div>
<br />
ADSENSE CODE - 2
<br>

 কোডটির মধ্যে দেখেন ADSENSE CODE - 1 এবং ADSENSE CODE - 2 এখানে আপনার Adsense code দিতে ভুলবেন না।

এবং your link এখানে আপনার ডাউনলোড লিংক দিন।

তারপর পাবলিশ করুন।

ধন্যবাদ।

পোস্ট রেটিং করুন

আরও নতুন পোস্ট পুরানো পোস্ট