Simple jQuery Based Related Post Widget For Blogger( Easy Install )

Related posts widget is very important for a blog as it increases the number of page views and also help the visitor to view other related posts on the blog.At present there are many types of related post widget like with thumbnails by using Java script Using HTML etc... Here i am going to show a method which is very easy to install.It will show only title of related posts using jQuery.It will look like an image below.



Installation:

Step 1:

Login to your Blogger account Click Layout Then Edit HTML Now check Expand Widget Templates

Step 2;

Search for a code similar to this <p><data:post.body/></p>

And Paste the below code Just after <p><data:post.body/></p>

<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>

Now save Template !