Display Related Posts under Every Post

আজ আমরা আর প্রতিটি ব্লগপোস্টের নিচে একই রকম পোস্ট (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) {
    var ul =
document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length
&lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length :
maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;
    for (var k = 0; k &lt;
entry.link.length; k++) {
    if (entry.link[k].rel ==
&#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li =
document.createElement(&#39;li&#39;);
    var a =
document.createElement(&#39;a&#39;);
    a.href = alturl;
    if(a.href!=location.href) {
    var txt =
document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    for (var l = 0; l &lt;
json.feed.link.length; l++) {
    if (json.feed.link[l].rel ==
&#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k&lt;20; k++) label =
label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h =
document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 =
document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
   
document.getElementById(&#39;rpst210&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {
    var script =
document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;,
query + &#39;feeds/posts/default/-/&#39;
    + label +
   
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;,
&#39;text/javascript&#39;);
   
document.documentElement.firstChild.appendChild(script);
    }
    var labelArray = new Array();
    var numLabel = 0;
    <b:loop values='data:posts'
var='post'>
    <b:loop values='data:post.labels'
var='label'>
    textLabel =
&quot;<data:label.name/>&quot;;
    var test = 0;
    for (var i = 0; i &lt; labelArray.length;
i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length
&lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>
    </div>
    </b:if>

? Related Posts লেখাটি পাল্টে "একইরকম পোস্ট", 'সম্পর্কিত পোস্ট' ইত্যাদি লিখে দিতে পারেন।

? সবশেষে SAVE TEMPLATE লেখাতে ক্লিক করে পরিবর্তনগুলো সেভ করুন।
কোডটি ডাউনলোড করার জন্য ক্লিক করুন এখানে।