How to add related posts in blogger - Blogger Related Posts Service Widget

Adding related posts right under a blog post is a good way to increase your page views and provide visitors with more options. There is no gadget in the blogger (blogspot) gadgets that will help you in related posts. So I looked for a code that matches my needs, finally I came across this awesome service created by Yu-Jie Lin.



These step will add related posts under you blog post.

1) Goto Layout -> Edit HTML -> Edit Template

2) TAKE A BACKUP OF YOUR CURRENT TEMPLATE (DON'T SKIP)

3) Expand Widget Templates

4) Look for,

<div class='post-footer-line post-footer-line-3'/>  ...</div>

OR

<p class='post-footer-line post-footer-line-3' />

5) Add this code

<div class='post-footer-line post-footer-line-3'/>  ...</div>
<div id='related_posts'/>

OR

<p class='post-footer-line post-footer-line-3' />
<div id='related_posts'/>

6) Look at the end of the template code and Add this code before the </body> tag.

<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

You can find all the steps, customization and one click widget publishing tool in this site http://brps.appspot.com

 Subscribe to my blog