How to Add Recent Comments Widget/Gadget on Blogger Blog


Instructions to Add Recent Comments Widget For Blogger

Today, i will show you how to add recent comments widgets with avatars to blogger. Also, i will show you how to dispaly my top commentators on blogger.

recent comments widget blogger

 Sit back and read the best tutorial on how to add the awesome recent comments gadget to your blog. It's cool to show recent comments on blogger; it helps to get more comments from readers who want their name to show.

Many bloggers use the top commentators to give out some packages in form of weekly or monthly giveaways to blog readers. There are thousands of awesome gadgets and widgets which you can use to make your blog a better place for visitors. 

Searches related to recent comments widget on blogger;
  • how to add recent post widget in blogger
  • recent comment widget wordpress
  • add widget blogspot
  • add widget typepad

The recent comment gadget is coded in JavaScript and styled in CSS codes which makes it to suite your blog design. I will be writing about the top responsive themes and template next time, so - stay tuned.

Some Parameters you need to configure;


a. number of comments total number of comments to show
b. date of which the comment has been publish - either hide or display
c. Posts on which the comments was publish - whether to hide the post title or not
d. number of words in comment excerpt; the first "n" words of the comment will be dispalyed.

Also Read: How to hide sidebars in Blogger

Searches related to top commentators for blogger;
  • gadget in one blog
  • Top Commentators Widget
  • top commentators widget on Blogger 

Adding Recent comments widget on blogger is cool and simple if only you follow this instructions below;

1.  Log in to Blogger Dashboard. Select your desired blog. Go to Layout and tap on Add a Gadget.

recent comment widget on blogger

 2. On the pop up window, select "HTML/JavaScript" widget.


3. Copy and paste the code below into the box;

<script style=text/javascript src="http://helplogger.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://your-blog-name.blogspot.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.html" 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>

4. Replace http://your-blog-name.blogspot.com with your blog address carefully not to add "/" twice at the end.

Other Settings;
- To change the number of comments that are being displayed, replace the "5" value from a_rc=5
- to add the date on which the comment has been made, change the "false" text from m_rc=false to "true"
-  to hide the post titles, change the "true" text from n_rc=true to "false"
- to show more or less comment characters. change "100" value from o_rc=100

5. Now save it and open your blogger blog on new tab to check it out.

Final words;
This is the best way to show the recent comment widget on blogger blogs. How did it work for you? Use the comment box to drop your thoughts and suggestions.

1 comments so far

can you please suggest me some best template for blogger with seo friendly, adsense friendly :)

Thanks foor reading this post. Kindly share to others on Facebook, Twitter and Google-Plus.

Use the comment box below to drop your thoughts and suggestions. Have a nice day!
EmoticonEmoticon