How to Add Related Posts Below Every Post on Blogger

Recently, a post was shared on how to Add Related Post Widget with Thumbnails to Blogger, but unfortunately, our readers kept demanding for the type of related post widget that is being used on this blog (i.e. related post widget in list format without thumbnails). So today, I want to share how I was able to add a related post widget beneath every post on this blog.


Before I share the method I use in adding the related post widget beneath every post on my blog, I want to share how it has helped Related post widget shows the list of post related to posts with the same labels, and this has increase our blog page views and decrease in blog bounce rate. Apart from these two, related post widget is a good SEO practice. Related post widget is a good widget every bloggers must have on their blog.

How to Add Related Posts Below Your Blog Posts

1. Log in to your Blogger Dashboard and Navigate to Template ==> Edit HTML and checked the Expand Widget Templates Check box. Then use (CTRL+F) to search for </head> tag in your templates.

2. Add the code below just Before/Above the closing



#related-posts {
float : left;
width : 540px;
margin-left : 5px;
font : 11px Verdana;
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
#related-posts a:hover {
color : #054474;
text-decoration : none;
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
#related-posts ul li {
display : block;
background : url(&quot;;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
<script src='' type='text/javascript'/><!--JustNaira-Related-Posts-Stops-->

3. Now search for this code line:


4. And after that line, paste this code:

<!--JUSTNAIRA-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='#FFFFFF'><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; + + &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();

5. Note: In case you have use the Auto Read More Hack on you blog and you have more than one


in your blog template, search for any of the code below and then past the code in step 4 above after it.

<p class='post-footer-line post-footer-line-1'>


<div class='post-footer-line post-footer-line-1'>


<div class='footer'>  

6. Save your template.

Related Post Widget Configuration

To change the total no of posts displayed beneath your blog posts, Edit


to the actual number of related post you want to see at the end of each post on your blog.

Finally, after implementing this widget on your blog, if you fail to add label to your posts during publication, nothing will show up in the related post section. So always make it a point of duty to label your blog posts.

That’s all folks.

I love sharing my knowledge with others. Feel free to contact me with any questions you may have. Please subscribe to the newsfeed and get updates through email, share this article with friends, or leave a comment below. New users can read about me HERE

Share this on:Share on Facebook28Tweet about this on TwitterShare on Google+2Pin on Pinterest0Share on StumbleUpon1Digg this


  1. how do assign for h4 tags for word “related post” and how i change it?

  2. Adewale Damilare says:

    Good day,
    I have tried running this in my HTML codes but I can’t see any of these lines



    Please help me.

  3. Mxtr Nicemaster says:

    Tnx alot bro, as i was always said ‘I rank/rate dis blog as No.1 Naija blog dat teaches bloggers newbies like me nd odas. Sir my question is dis: In d code provided above ‘On how to add related posts below every posts of blogger’, I c somtin like dis: And also:

    My question: please am i going to change JustNaira to my blog name ?.

    Thanks alot bros, u can inbox me @ [email protected]

  4. nice tutorial

  5. Hi,
    Did that and im very pleased.
    Wanted to ask how can i make it bigger?
    I mean yours are big and clear and mine are too small.


  6. says:

    After thanking you I want to learn- how you have designed your Comment Box? Thanks in advance for helping by giving answer.

  7. I implemented all the steps but to no avail. It shows and works fine on mobile but refuses to show on my desktop view. Even my Linkwithin stopped working all of a sudden. What can be the problem? Please, help out.

  8. I really enjoy your posts, as usual a very detailed and fine article, i can’t agree more with each and every point that you’ve mentioned here. Kudos again!

  9. Gantengers says:

    thank bro, u hv bn of great help to me n i believe it is so 4 everyone who has viewed ur posts. Keep it up.

  10. Xplosive Gist says:

    cool….worked for me and my blog @

  11. please, the related post is not showing…..what do i do?

  12. You’ve got great articles on your site. I really appreciate.

    Keep the great work going. Thanks

  13. Adesanmi Adedotun says:

    Thanks for sharing

  14. i am not being able to copy the code. please help

  15. thank you bro, it helps me !

  16. @Rakesh Rajbhar, change that in the css code.

  17. Rakesh Rajbhar says:

    I don’t wana use green bullet….i would like numbering…could u help me out

  18. Thnx for this nyc post….I was looking for This!

  19. thank bro, u hv bn of great help to me n i believe it is so 4 everyone who has viewed ur posts. Keep it up.

Tell us what you're thinking...

All comments are moderated.

* Denotes required field.