How To Add jQuery Related Posts Widget for Blogger

Posted by Lasantha Bandara on September 26th, 2009 File Under : google, java script, jquery, post, widget6 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.

File Under : google, java script, jquery, post, widget

6 Responses to “How To Add jQuery Related Posts Widget for Blogger”

  1. Hottest Collection Of Snaps says:

    Nice Blog very helpful

  2. Arab Girls Photos says:

    Nice Posting

  3. Jonathan says:

    Really nice blog I like it ! ... if you want the best free hosting details at http://hubpages.com/hub/hosting-ms-sql-web and much much more ...

  4. Taimur Khan says:

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

  5. Starhash says:

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

  6. The Genuine Islam says:

    Thank you very much !

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.