Related post widget is a very important tool for a blog that allow your visitors to navigate through similar posts from your blog. This will help you to reduce the bounce rate of your blog.

Related Post Widget for Blogger blog

Related Post Widget for Blogger blog

To add the related posts widget in your blogger blog you will have to follow the following two simple replacement steps.

1. Firstly LogIn to your blogger account
2. From the Dashboard of your account go Design > Edit HTML and click on “Expand Widget Templates”
3. Now by pressing F3, search


4. Just before paste the following codes

<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
#related-posts .widget{
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
#related-posts a{
#related-posts a:hover{
#related-posts ul{
margin:0 0 0px 0;
#related-posts ul li{
background:transparent url( no-repeat ;
margin-bottom: 13px;
padding-left: 30px;
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
<script src='' type='text/javascript'/>
<!--Related Posts Scripts and Styles End-->

5. Now search the following line

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

6. After the above line paste the following codes

<!-- Related Posts Code Start-->

<!--Remove--><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop><a href=''><img style="border: 0" alt="Related Posts Widget for Blogger" src="" /></a>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");

<!-- Related Posts Code End-->

7. Now, save your changes.

I hope you will like this. If you have your own designed related posts widget, then share it to us in comment section. You also can share it to our facebook fan page.

  • Related posts widget wordpress
  • Related posts widget for blogger

Written by Rajib Kumar

If you like This post, you can follow us on Twitter. Subscribe to Techncom feed via RSS or Email to receive instant updates.

This article has 4 comments

  1. Rizky2009

    cool friends, I also have my blog post, hi, I'm blogger from Indonesia, all I follow, in wait for the comments and follow behind it if it pleased

  2. Kaustav Banerjee

    Hey, Nice article.

    I have tried adding widgets and succeeded fro the general ones. Never had an idea that we could add this type of widgets too. Well, I’ll try adding one in my Blogger profile.

    Good article. Good job