আমরা এর আগে ব্লগার.কম ব্লগে একইরকম পোস্ট কিভাবে পোস্টের শেষে প্রদর্শন করবেন তার পদ্ধতি জেনেছি। সেই পদ্ধতিটি একটি থার্ড পার্টির সাহায্য নিয়ে তৈরি করা ছিল। এটার বেশ কিছু সুবিধা ছিল। কিন্তু পাশাপাশি আর একটি বিশেষ অসুবিধা ছিল। ওই গেজেটটি অন্য সাইট থেকে সরাসরি পরিচালনা করা হত বলে সেই সাইটের ব্যান্ডউইথ ব্যবহারের প্রভাব নিজেদের ব্লগে পড়তো। ফলে কখনও কখনও সেটা লোড হতে খুব দেরী হত। আজ আমরা আর একটি পদ্ধতিতে প্রতিটি ব্লগপোস্টের নিচে একই রকম পোস্ট (Related Posts) দেখানোর একটি পদ্ধতি জানবো। এই পদ্ধতির প্রধান সুবিধা হল যে এটা খুব দ্রুত লোড হয়। ফলে পাঠকের মনে কোনরকম বিরক্তির উদ্রেক হয়না।
* এই কোডটি কাজ করার শর্ত কিন্তু একটাই। তা হলো, আপনার ব্লগপোস্টের নিচে আগে থেকেই লেবেল দেখানো থাকতে হবে। লেবেল একটিভ না থাকলে এই রিলেটেড পোস্ট গেজেটটি কাজ করবে না।
কিছু বৈশিষ্ট্যঃ
- পোস্ট থাকা কোন ছবির থাম্বনেইল দেখানোর অপশন নেই।
- পোস্টের লিংকটি দেখানো যাবে।
- লোডিং স্পিড অনেক বেশি।
- লেবেল অনুযায়ী পোস্ট প্রদর্শন করে।
- নিয়ন্ত্রণ করা তথা কাস্টমাইজ করা খুব সহজ।
- আপনি যতগুলো খুশি লেবেল এবং লেবেলের অন্তর্গত পোস্ট দেখাতে পারবেন।
- গুগল আইডি ও পাসওয়ার্ড দিয়ে ব্লগার.কম ড্যাশবোর্ডে প্রবেশ করুন।
- Layout> Edit HTML ট্যাবে যান।
- সেখানে Expand Widget Templates এর পাশে টিক চিহ্ন দিয়ে দিন।
- এবার <data:post.body/> লেখাটি খুঁজে বের করুন। যদি আপনার ব্লগে খুব সহজে পোস্টের শেষে "বিস্তারিত পড়ুন" হটলিংক স্থাপন করুন সুবিধাটি লাগানো থাকে, তাহলে <data:post.body/> কোডটি দুইবার থাকতে পারে। পরের কোডের ঠিক নিচের লাইনে রিলেটেড পোস্টের কোডগুলি স্থাপন করতে হবে।
- ব্লগপোস্টের মধ্যে কোডগুলি ঠিকমতোভাবে দেখাচ্ছিল না বলে একটি টেক্সটফাইলে আপলোড করে দিলাম।
- এখানে থাকা টেক্সট ফাইলটি ডাউনলোড করে নিয়ে, তার সবগুলো কোড কপি করে নির্দিষ্ট জায়গায় পেস্ট করে দিন।
- কোডের যে অংশগুলো পরিবর্তনযোগ্য তা নিচে উল্লেখ করে দিলাম।
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts</h3>
<div id='rpostsbh2010'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 7;
maxNumberOfPostsPerLabel = 7;
maxNumberOfLabels = 3;
function listEntries10(json) {- এখানে কোডের শুধু উপরের পরিবর্তনযোগ্য অংশটুকু দেয়া হল। সম্পূর্ণ কোড ডাউনলোড করে নিন।
- এখানে বোল্ড করা সংখ্যাগুলো নিজের পছন্দমতো পাল্টে নিন।
- Related Posts লেখাটি পাল্টে "একইরকম পোস্ট", 'সম্পর্কিত পোস্ট' ইত্যাদি লিখে দিতে পারেন।
- সবশেষে SAVE TEMPLATE লেখাতে ক্লিক করে পরিবর্তনগুলো সেভ করুন।
No comments:
Post a Comment