Related Post in Blogger

1. After login to your blogger.com -> layout -> Edit HTML -> Expand Widget Templates

2. Find the following code



<div class='post-body'>

<p><data:post.body/></p>


<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

<div class=’post-footer’>

3. Copy this code -> <div id='related_posts'/> and put it between

<p><data:post.body/></p>


<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

and

<div class='post-footer'>

4. Copy this code



<script src='http://www.google.com/jsapi'/>


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



And put it precisely ABOVE </body>

</html>

5. SAVE. Done.

NOTE: The position of code number 3 might differ from template to template. The point is you should put it so that it appears in single page (that is a page when you click a particular article or blog post), not in the frontpage / homepage of your blog.