How to Add Recent Comments Widget for Blogger Easily

There are a lot of interesting widgets for blogger and recent comments widget is one of them. It is really an important widget for all the bloggers. It is a common widget and as a blogger, you should add this widget in you blog layout.

Recent comments widget is used show the most recent comments on sidebar or footer of your blog. Recent comments widget is a popular widget because its inspire the visitors to comment on your blog. At present almost every blogger use recent this widget because this widget inspires the readers to give feedback about your blog.

We know how important the comments are? Comments show the popularity of a blog. When people find any blog useful to them then they comment on these blogs. Comment is a great way to interacting with your visitors. Recent comments widget is a smart and update widget. So by using this widget you can make your blog better. Here I show you how to add this widget easily.

Add Recent Comments Widget for Blogger


Step 1: Log in to your blogger Dashboard >>> Layout and then click on Add a Gadget


Recent Comments Widget



Step 2: Now a new pop-up window will open, now select HTML/JavaScript


Recent Comments Widget


Step 3: Now copy the below code and paste the code in the HTML/JavaScript "Content"  box

Recent Comments Widget


(Select the Code from Below)
<script style=text/javascript src="http://allupdates24.googlecode.com/svn/trunk/recent comments widget.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://allupdates24.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Get this <a href="http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.htm" rel="nofollow" >Recent Comments Widget</a></div>
<style type="text/css">
.rcw-comments a {
    text-transform: capitalize;
}
.rcw-comments {
    border-bottom: 1px dotted;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
</style>

                  (End of Code)

Step 4: Now change http://allupdates24.com with your website/blog URL.

 If you want to change the number of comments that are being displayed  in the Gadget, just change the value 5 from a_rc=5; 
 To add date on every comment, just replace false with true from m_rc=false;    
If you want to hide post title, replace true with false from n_rc=true;
Change the value 10" from o_rc=100; for showing more or less comments characters.
Step 5: After doing all the settings, click on Save button.

Hope you are able to add the recent comments widget in your blog. If you have any problem comment me on the comment box.