Create related posts on blogger

Previously we have to start with an introduction. What is a "Related Posts"? Related Post are some articles appeared which essentially is related to the article being read by the readers of your blog or website.

For example, an article you read was "How to Add Related Posts on Blogspot", then it will be listed on a related post a few articles related to the article on a related post we are discussing this, examples of articles relating to the "How to Install Headline News On blogspot ".

Create related posts are encouraged to web / blog because it can facilitate the visitor find the relevant article.

In google guidline also recommended place related posts or any other links that are highly posted on the web / blog.

1. Log in to your blogger account.
2. On the dashboard, select Design - Edit HTML tick Expand Widget Templates.
3. Do not forget to backup your template (Download full template).
4. Then check the check box Expand Widget Templates
5. Then find the following code: </head>
6. Then paste the following code below to above the red 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>

7. Then find the following code: <data:post.body/>
8. Copy paste this code to below <data:post.body/>

<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&callback=related_results_labels&max-results=4"' type='text/javascript'/></b:if></b:loop> </h2>

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

</div></b:if>

Note : The red code max-results=4 the number of related posts we want to show, and can be changed according to what we want.
9. Save template.

Good luck..

Description: Create related posts on blogger Rating: 4.5 Reviewer: Zein Okeh - ItemReviewed: Create related posts on blogger