আসসালামু আলাইকুম। কেমন আছেন সবাই? আল্লাহর রহমতে নিশ্চয় ভালো আছেন।
আজকের টিউটোরিয়ালে থাকছে কিভাবে আমরা ডাউনলোড বাটনে টাইমার লাগাতে পারবো।
আমরা এখন বেশিরভাগ ডাউনলোড সাইটগুলোতে দেখতে পাই যে, ডাউনলোড বাটনে ক্লিক করার পর তা রিডাইরেক্ট বা টাইমার শোকরে। আজ আমি তা নিয়ে লিখছি।আশা করছি সকলেরই কাজে আসবে টিউটোরিয়ালটি।
আজকের টিউটোরিয়ালে থাকছে কিভাবে আমরা ডাউনলোড বাটনে টাইমার লাগাতে পারবো।
কিভাবে ডাউনলোড বাটনে টাইমার লাগাবেন? |
তাহলে চলুন শুরু করা যাক।
প্রথমে ব্লগে লগিং করুন
তারপর লেআউট থেকে থিম এ জান।
তারপর লেআউট থেকে থিম এ জান।
এখন সার্চবারে ]]></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 মোডে গিয়ে নিছের কোডগুলো পেস্ট করুন।
কোডটির মধ্যে দেখেন ADSENSE CODE - 1 এবং ADSENSE CODE - 2 এখানে আপনার Adsense code দিতে ভুলবেন না।
এবং your link এখানে আপনার ডাউনলোড লিংক দিন।
তারপর পাবলিশ করুন।
ধন্যবাদ।
এখন 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 এখানে আপনার ডাউনলোড লিংক দিন।
তারপর পাবলিশ করুন।
ধন্যবাদ।
টেস্ট কমেন্ট
ReplyDeletetest reply
DeleteAccah
Deleteবাহ্ খুব সহজেই কপি করে ফেলেছেন। অথছ স্ক্রিপ্টগুলো বানাতে ৩ দিন লেগেগেছিলো আমার।
ReplyDeleteAwesome article. Good luck for you.
ReplyDeletecheck out our latest post ...
How to verify your domain on facebook
How to unblock website from facebook & instagram
How to download windows 10 pro latest version iso file
Top 10 blogger tips and tricks । Blogger tutorial
mrlaboratory.com : All kind of internet technology tricks are share on our website.. 39