How To Add jQuery Related Posts Widget for Blogger

Posted by Lasantha Bandara File Under : google, java script, jquery, post, widget 5 Comments

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see <p><data:post.body/></p> .

4.Copy below code and paste it just after the <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>

5.Click on "Save Templates" and now you are done.It will look like this.

Note : If you can, host jquery.min.js and related-posts-widget-1.0.js files yourself.

5 thoughts on “How To Add jQuery Related Posts Widget for Blogger

  1. Check out this related posts widget by GOOGLE CUSTOM SEARCH and its one click installation :

    http://www.vnoma.com/2009/12/related-posts-widget-by-google-custom.html

    Hope you like it...

  2. Dear Lasantha Bandara, i followed your instruction to add related post option in my blog. but it still not showing anything. what other reason can keep my blog away from this option. please let me know ...

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.