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


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



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






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

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





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





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



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




এখন সার্চবারে  ]]></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 এখানে আপনার ডাউনলোড লিংক দিন।



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



ধন্যবাদ।


এই পোস্টটি পরিচিতদের সাথে শেয়ার করুন

পূর্বের পোস্ট দেখুন পরবর্তী পোস্ট দেখুন
এই পোস্টে এখনো কেউ মন্তব্য করে নি
মন্তব্য করতে এখানে ক্লিক করুন

আজকের আইডিয়ার নীতিমালা মেনে কমেন্ট করুন। প্রতিটি কমেন্ট রিভিউ করা হয়।

comment url