Related Posts in Blogger Blogspot

Realtrix has  a very good hack on making Related Posts for blogger.com / blogspot.  It works well. This is the simple way how to do it (visit Realtrix post for more details):

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'> (See the screenshot)

4. Copy this code (update 28 Nov 09) There’s a rule change, you have to get the following code along with a key, see the details here.

<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. See the live demo here.

Picture / screenshot Code #3 position

fatihsyuhud.com