Recent Comments Widget for Blogger Blogs using simple JavaScript and Feeds

Recent comments widget show the feed of latest comments on your blog in your sidebar. It helps you to boost the engagement of your readers in your blog and also shows the new readers what’s happening on your blog. We have many ways to add one to your blogger blog. And today i’ll share with you two simple methods of adding one to your blog.
Here’s is simple way to add a recent comments widget to you blogger blog.  This recent comments widget that i am sharing today shows the commentator name with his profile link followed by the title of the post on which he commented and then this his comment. I’ve kept the widget to max simple, but you can stylise it to match your blog template.

 

 

How to Add Recent Comments Widget to your Blog

Navigate to Blogger Dashboard > Layout > Add a gadget

Now choose HTML/JavaScript from the list. Give it a title, something like ‘recent comments’..

Copy the below code into the widget and save it.

script style=text/javascript src="https://dl.dropboxusercontent.com/s/hocs4qau2gth86u/recent-comments-bloggslab.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://www.yourblog.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<a style="display:none" href=http://www.bloggslab.com>Recent Comments Widget</a><style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;}
</style>

Replace http://www.yourblog.com with your blog name.

ALTERNATIVE METHOD

Go to Blogger Dashboard > Layout > Add a gadget

Now choose Feed from the list and use below url as the feed source. Replace the highlighted part with your blog url.

http://www.bloggslab.com/feeds/comments/default