https://waterpigs.co.uk/services/microformats-to-atom/?url=https%3A//nikephang.blogspot.com/2015/10/how-to-add-jquery-related-posts-widget.html https://www.blogger.com/profile/05590002197219086219 https://nikephang.blogspot.com https://nikephang.blogspot.com/2015/10/how-to-add-jquery-related-posts-widget.html How To Add jQuery Related Posts Widget for Blogger 2015-10-24T17:03:00-07:00 2015-10-24T17:03:00-07:00

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.

http://activitystrea.ms/schema/1.0/article