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

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

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

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

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

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

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

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

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

ধন্যবাদ।

POST VIEWSl

website counter