আসসালামুয়ালাইকুম। কেমন আছেন সবাই। আশাকরি সবাই ভাল আছেন। আজ আরো একটি ব্লগার টিপস এন্ড ট্রিকস নিয়ে হাজির হলাম।
আপনি কি ব্লগার ওয়েবসাইটের জন্য একটি ডাউনলোড টাইমার স্ক্রিপ্ট খুঁজছেন? তাহলে এই আর্টিকেল টি অবশ্যই আপনাকে সাহায্য করবে।এই আর্টিকেলে, আমি আপনাকে দেখাব কিভাবে আপনি আপনার ব্লগার ওয়েবসাইটে একটি ডাউনলোড টাইমার বাটন সহজেই যুক্ত করতে পারবেন। এবং কিভাবে আপনার পছন্দ অনুযায়ী এটি কাস্টমাইজ করতে পারবেন।
আপনি আপনার Wordpress ওয়েবসাইটের জন্যও একই স্ক্রিপ্ট ব্যবহার করতে পারবেন। আপনাকে শুধু পোস্ট এডিটরের ভিতরে একটি কাস্টম HTML ব্লক ব্যবহার করে স্ক্রিপ্টটা যোগ করতে হবে।
ডাউনলোড টাইমার কি এবং এটি কিভাবে কাজ করে?
ডাউনলোড টাইমার হল একটি সাধারণ জাভাস্ক্রিপ্ট কোড যা 10 সেকেন্ড বা তার বেশি সময় গণনা শুরু করে এবং নির্ধারিত সময় শেষ হওয়ার পরে আপনাকে ডাউনলোড লিঙ্কে নিয়ে যায়। যেহেতু এটি কিছু সময়ের পরে ডাউনলোড লিঙ্কটি প্রকাশ করে, তাই এটিকে ডাউনলোড টাইমার বলা হয়।
এখানে আপনি আপনার পছন্দ অনুযায়ী সময় নির্ধারণ করতে পারবেন এবং টাইমার কখন বন্ধ হবে, ব্লগ পোস্টে ডাউনলোড বাটনটি কখন উপস্থিত হবে সবকিছু কাস্টমাইজ করতে পারবেন। সুতরাং, যখন একজন ব্যবহারকারী বাটনটিতে ক্লিক করবেন তখন লিঙ্কটি একটি নতুন ট্যাবে খুলবে এবং ব্যবহারকারী ফাইলটি ডাউনলোড করতে সক্ষম হবেন।
টাইমার উইজেট ডাউনলোড করার সুবিধা
আপনি যদি এমন একটি ব্লগ চালান যেখানে ব্যবহারকারীরা কোন ফাইল ডাউনলোড করতে আসে এবং ডাউনলোড শুরু হওয়ার সাথে সাথে সাইটটি ছেড়ে চলে যায় তাহলে আপনার ব্লগার এবং ওয়ার্ডপ্রেস ওয়েবসাইটে ডাউনলোড টাইমার স্ক্রিপ্টটি প্রয়োগ করা উচিত।
তাহলে, আপনি ফাইলটি ডাউনলোড করার আগে ব্যবহারকারীকে কিছু সময় অপেক্ষা করাতে পারবেন এবং আপনি আপনার ওয়েবসাইটে কিছু ভিজিটর সময় পাবেন এবং সেই ব্লগ পোস্টগুলির জন্য বাউন্স রেট ও কমে যাবে।
কাউন্টডাউন টাইমার প্রয়োগ করার আরেকটি সুবিধা হল যে এটি আপনার ওয়েবসাইট ভিজিটরকে ওয়েবপেজে বেশি সময় পযন্ত ধরে রাখে যা আপনার অ্যাডসেন্স আয় বাড়াতে সাহায্য করে। এইভাবে, আপনি আরও বেশ ইম্প্রেশন পাওয়ার এবং আপনার বিজ্ঞাপনগুলিতে ক্লিক পাওয়ার সম্ভাবনা বাড়াতে পারবেন৷
ব্লগারে একটি ডাউনলোড টাইমার বোতাম কীভাবে যুক্ত করবেন?
আপনার ব্লগার ওয়েবসাইটে 10 সেকেন্ডের ডাউনলোড টাইমার বাটন যোগ করতে নিচের স্টেপগুলো অনুসরণ করুন৷
ধাপ-1: প্রথমে ব্লগার ড্যাশবোর্ডে যান এবং HTML ভিউ সহ ব্লগ পোস্ট ওপেন করুন।
ধাপ-২: এখন নিচের ডাউনলোড স্ক্রিপ্টটি কপি করুন এবং ব্লগ পোস্টর যেখানে ডাউনলোড বাটনটি অ্যাড করতে চান সেখানে পেস্ট করে দিন।
<div id="Stop_Timer" target="_blank">
<!--Add your content here to show after the timer finish-->
<p><b>Click the Button Below to Download the File</b></p><p style="text-align: center;">
<a class="button" href="#">Download Now </a>
</p><p></p></div>
<style>
Cnt-Timer{font-size:16px;opacity:.8;display:inline-flex;align-items:center}
Cnt-Timer svg{width:20px; height:20px;}
</style>
<script>/*<![CDATA[*/
var counter = 10; // Add time here in seconds
var id,downloadButton=document.getElementById("Stop_Timer"),newElement=document.createElement("p");function startDownload(){this.style.display="none",id=setInterval(function(){counter--,counter<0?(newElement.parentNode.replaceChild(downloadButton,newElement),clearInterval(id)):newElement.innerHTML="<center><strong>Please wait <span>"+counter.toString()+"</span> seconds</strong><p/><Cnt-Timer><svg viewBox='0 0 40 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'></animateTransform></path></svg> Generating... Please Wait!</Cnt-Timer></center>"},1e3)}newElement.innerHTML="<span></span>",downloadButton.parentNode.replaceChild(newElement,downloadButton);var clickbtn=document.getElementById("Count_Time");clickbtn.onclick=startDownload;
/*]]>*/ </script>
ধাপ-৩: এখন উপরে হাইলাইট করা ডাউনলোড টাইমার সেকেন্ড পরিবর্তন করতে চাইলে করতে পারবেন। (এখানে 10 সেকেন্ড)
ধাপ-4: উপরের স্ক্রিপ্টে ডাউনলোড লিঙ্ক যোগ করতে হবে। তাই ডাউনলোড লিঙ্কটি "#" এর এখানে প্রতিস্থাপন করুন।
এখন পোস্টটি পাবলিশ করে দিন। দেখবেন আপনার 10 সেকেন্ডের ডাউনলোড টাইমার বাটনটি আপনার ব্লগার পোস্টে সেট হয়ে গেছে।
উপরে আপনি ডেমো দেখতে পারবেন
মনে রাখবেন যে, আপনি যদি ফ্লেট্রো বা মিডিয়ান UI থিমের মতো থিম ব্যবহার করেন তবে আপনাকে উপরের কোডে অ্যাঙ্কর উপাদানটিতে বাটন ক্লাসে যুক্ত করতে হবে।
আপনার ব্লগার ওয়েবসাইটে ডাউনলোড টাইমার স্ক্রিপ্ট সেটআপ করার সময় যদি আপনার কোন সমস্যা হয় তবে আপনি এই পোস্টর নিচে কমেন্ট করে জানাতে পারেন।
আপনারা চাইলে আমাদের টেলিগ্রাম চ্যানেলে যুক্ত হতে পারেন। সেখানে আপনারা অনেক পেইড রিসোর্স ফ্রী তে পাবেন।
ধন্যবাদ।