Best Related Posts Widget / Plugin for Blogger.com (Blogspot)

Looking for a Related Posts solution for your Blogspot blog on Blogger.com? Here I'd like to recommend one of the best Related Posts widget (my personal view) for Blogger- a free widget that is very easy to install without modifying the blog template, and yet powerful enough.

Related Posts feature is a must for bloggers,  if you want to keep your blog visitors onsite and around. It can greatly increase the pageview of your site and benefit the visitors as well.

This best Related Posts widget was created by Mike at More Tech Tips. Currently he gets 2 versions, the first version, V1.0, will display a list of 5 related post titles (by default)  for every posts you published, right under the post itself. It's clean and nice. I'm using this version on my site.You can take a look the end of this post, that's how it looks like. 

The newer version V2.0, can display thumbnails from the posts instead of title list.

Both version are looks for the related posts base on the labels you assigned to the posts. So remember to add labels when creating the post !

Here I'll show you how to install the V1.0 widget. If you'd like to use V2.0 thumbnails, visit Mike's post here to get the details.

The codes for Related Posts for Blogger.com V1.0:

You will need to copy following codes to your Text/JavaScript widget in Blogger.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
   'containerSelector':'div.post-body'
   ,'loadingText':'loading...'
});</script>

How and where to add the codes

To add the above codes is simple, just create a new Text/Javascripts widget, copy and past the above codes in, save. That's it.

Here's the detail steps if you prefer:

1. From your blogger dashboard, click on 'Layout'
2. At the right side widget area, click on "add a gadget"

3. You will see a new window pop up. In the new window, scroll down, until you see option  HTML/JavaScript. click on it.

4. Now the Configure HTML/JavaScript window opens, ask you to add the codes. You copy the codes listed in this post  (the green background  windows), and past them into the Content section in the Configure HTML/JavaScript window, and click on Save !

You done.

Now go back to your blog site, click on any post, do you see the related posts at the bottom?

Note: 

When you create posts, remember to add Labels for the posts. That's how the related posts can be found.