How To Add jQuery Related Posts Widget for Blogger

Start reading ↓

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.

The conversation

5 comments

Join the discussion
  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 ...

Join the conversation

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.