ব্লগস্পট ব্লগে রিলেটেড পোস্ট যুক্ত করুন

ব্লগস্পট ব্লগে রিলেটেড পোস্ট যুক্ত করুন Html কোডের মাধ্যমে। এই রিলেটেড পোস্ট আপনার ব্লগের হোম পেজে আসবেনা, সুধু সম্পূর্ণ পষ্টের নিচে আসবে। বিভিন্ন সাইটে এ সম্পর্কে নানান পষ্ট আছে। শেসব নিয়ম ব্যাবহার করলে হোম পেজেও রিলেটেড পোষ্ট চলেআসে এতে আপনার ব্লগের হোম পেজ টি বড় হয়েজায় লোড হতে অনেক সময় লাগে। আমি নিচে যে নিয়মটি দিলাম এই নিয়ম টি আপনি ব্লগস্পট ব্লগে ব্যাবহার করলে হোম পেজে রিলেটেড পোস্ট প্রদর্শিত হবেনা। ভিজিটর যখন সম্পূর্ণ পোস্ট টি পড়তে পষ্ট এ ক্লিক করবে এবং সম্পূর্ণ পষ্টটি দেখবে তখন নিচে এই জাতীয় আপনার ব্লগ থেকে আর পোস্ট এর শিরোনাম দেখাবে।

এর মাধ্যমে একজন পাঠক ঐ পোষ্টগুলো পড়তে উৎসাহিত বোধ করে যা পাঠকের জন্য উপকারী আবার ব্লগটিকেও করে তুলে জনপ্রিয়। আপনিও ইচ্ছে করলে সে রকম Related Psts এর জন্য নিজের পছন্দ অনুযায় আপনার ব্লগে Widget যুক্ত করতে পারেন। কাজটি মোটেই কঠিন নয় এবং একজন সাধারণ ইউজারও তা করতে পারেন কোন ঝামেলা ছাড়াই। 

  এ জন্য দুটি কোড আপনার টেমপ্লেটে এড করতে হবে। নিচের ধাপগুলো অনুসরণ করে খুব সহযে আপনি কাজটি করতে পারবেন।

1. প্রথমে blogger.com এ গিয়ে লগিন করে আপনার ব্লগে ঢুকুন।
2. এরপর Template থেকে ক্লিক করুন।
3. এবার যে পেজটি আসল তার ডানপাশে Backup / Restore তে ক্লিক করুন এবং Download Full Template এর মাধ্যমে আপনার Present Template এর একটা Backup নিন যাতে আপনি ইচ্ছে করলে  Template টি রিপ্লেস করে আগের অবস্থায় ফিরে যেতে পারেন।
4. ডাউনলোড করা শেষ হলে Close লিখায় ক্লিক করে ছুট উইন্ডোজ টি কাটুন এবং Edit HTML এ ক্লিক করুন।
5. এবার /head কোডটি খুঁজে বের করুন। এ জন্য Ctrl+F চেপে Find এর ঘরে /head  লেখাটি পেষ্ট করে এন্টার চাপুন। 
6. এখন নিচের কোডটি শুরু থেকে শেষ পর্যন্ত কপি করে ঠিক <  /head  > এর উপরে/আগে পেষ্ট করুন। প্রথম কোডের কাজ শেষ। এবার দ্বিতীয় কোডের জন্য 7 নাম্বারে চলে যান।

<!--RelatedPostsStarts -->
<script language='JavaScript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 6) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
<!--RelatedPosts End-->

7.  আবার 5 নাম্বার নিয়মের মত করে data:post.body/ কোডটি খুঁজে বের করুন। এখন নিচের কোডগুলো সব কপি করে ঠিক <   data:post.body/   > এর নিচে (আগের 6 নাম্বার নিয়মের মত) পেষ্ট করুন। হয়ে গেল আপনার কাজ।

 

 

<!--RELATED-POSTS-STARTS -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='SolaimanLipi, Arial, Times New Roman,' size='4'><b>এ সম&#2509;পর&#2509;ক&#2503; আর&#2507; পড়&#2497;ন&#2435; </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>
<!--RELATED-POSTS-STOPS-->

আপনি ইচ্ছে করলে Related Posts এর সংখ্যা বাড়াতে পারেন। এ জন্য max-result=xx এ x এর জায়গায় আপনার পছন্দের সংখ্যাটি বসান যতটা পোস্ট আপনি দেখতে চান। আমি 5বসিয়েছি। তাছাড়া Font এর জায়গায় আপনার পছন্দের ফন্টটিও বসাতে পারেন। আমি বাংলার জন্য SolaimanLipi বসিয়েছি। এবার Prevew দেখুন। তারপর সেভ দিন ভাল লাগলে।

বিঃদ্রঃ কোন Post পাবলিশ করার সময় Post টিতে Labels যুক্ত করতে ভুলবেন না। কারণ Labels এর উপর ভিত্তি করেই আপনার Related Posts গুলো দেখাবে। আর কোডগুলো কোনভাবে কাজ না করলে নিচের লিংক থেকে ডাউনলোড করে নিন। আমি ওখানে প্রথম অংশ এবং দ্বিতীয় অংশ একটি ফাইলে করে দিয়েছি।

ডাউনলোডঃ মিডিয়াফায়ার