info@techncom.net

How To Add A Related Post Widget For Your Blogger Blog

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.
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 { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts .widget{ padding-left:6px; margin-bottom:10px; } #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{ color:blue; } #related-posts a:hover{ color:blue; } #related-posts ul{ list-style-type:none; margin:0 0 0px 0; padding:0px; text-decoration:bold; font-size:15px; text-color:#000000 } #related-posts ul li{ background:transparent url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ; display:block; list-style-type:none; margin-bottom: 13px; padding-left: 30px; padding-top:0px;} var relatedpoststitle="Related Posts";

5. Now search the following line

6. After the above line paste the following codes

blogger-widgets-5853148

var maxresults=5;

removeRelatedDuplicates(); printRelatedLabels("");

7. Now, save your changes.

I hope you will like this. Then join Facebook Fan Page and follow on twitter @rajib882 to support my blog.