Add Related Posts After Each Post Widget for Blogger Post End Wordpress

Related Post Plugin Widget For Blogger Post End Widget

I had searched the whole internet for "related post widget plugin for blogger post end" and I realize that some of the codes present are not working fine and at the last i found the below code which is working fine for my website and I believe that the same work for you also.

Related post plugin is for blogger very useful, it will not only improve the linking between your post but also increase the "page views/per user" of your website also which ultimately help you to improve your website page ranking.

Please see the step by step process to add the code in your blogger template:-

1.) Log in your blogger and go to Dashboard >> Template >> Edit HTML

2.) Please save your blogger template before making any change in your blogger templates.

3.) Now click on the "Expand widgets template" 

4.) Press CTRL+F & find the ]]></b:skin> in the HTML.

5.) Now add the following code just above the ]]></b:skin>

Related Post Plugin

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }  

 6.) Now find the </head> tag and add the following code just above it

<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.) And now the final step. Search for the <data:post.body/>

If you not found the above, please make sure that you checked the "Expend Widget Templates"

After finding the <data:post.body/> . Now copy the below code and add it below the <data:post.body/>  and save the template.

<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='transparent'><b:loop values='data:post.labels' var='label'><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-->

The above code is for 5 posts only. if your want to show more than 5 posts the you can change the max-results=5 to any number you like for example max-results=10 or any number of posts you want.

8.) Please note that you only able to see the related post only when you click on the individual post and related posts are not visible on the home page.

For checking go on the individual post not on your website home page.

Hope this post helps you and we request that leave your useful comments to improve us and also share this post to help others.