August 13, 2011

How To Add jQuery Related Posts Widget for Blogger


Hi! here is the jquery realted post view gadget to blogger. this is very cool jqery code.Displaying a related posts is a smart way for keeping your site visitors around. and you may have seen other Related Posts Widgets out there.. but this one will be Easier and Smarter. i hope you really like this jquery code.. add your comments here. thank you for visiting my blog!

1.Login to your blogger dashboard--> Design- -> 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.Save Templates

Now you are done

No comments:

Post a Comment