Add Related posts for blogger

List post titles that appear at the bottom of our posts and are usually grouped by category and is often called 'related post'. How do I display the related post on blogspot?

Please login to your existing account on blogger then, open the 'layout' then select 'Edit HTML' for all the template code will be displayed, please give a check mark or tick (the term of the Commission) on the 'Expand Widget Templates'.
This related posts place in the below of content.
Find the following code </head>:

1. Copy and paste this code before </head> :

<script src='http://corderdrive.com/wp-content/uploads/2011/06/Related-post-script2.js' type='text/javascript'/>

Or Copy Paste This code

<script type="text/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 < 20) {
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>

2. Find this code <data:post.body/> copy and paste code below :

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<h2>Related Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=4"' type='text/javascript'/></b:if></b:loop> </h2>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>

</div></b:if>

The red text you can change according to the number of posts to be displayed.

3. If you want  display the related posts in the sidebar you only copy 
this code below :

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>

Description: Add Related posts for blogger Rating: 4.5 Reviewer: Zein Okeh - ItemReviewed: Add Related posts for blogger

Posted in: Blog Tips,Internet,Tips and Trick,Tutorial