Recent Comments Widget For Blogger

The Recent Comments Widget for Blogger displays the most recent comments on your blog's sidebar, showing a snippet of the last comments along with the title of the post where the comment was made. The list will be gathered in descending order (newest at the top).

This gadget is coded in JavaScript and styled with CSS but there hasn't been added too much, so that it could fit the color scheme of your Blogger template.

Parameters to be configured:
a. Number of comments: total number of comments to display
b. Date on which the comment has been published: either display or hide it
c. Posts on which a comment has been made: you can either hide the post titles or show them
d. Number of words per comment excerpt: The first "n'' words of the comment will be listed

To add the Recent Comment Widget to a Blogger blog is very easy.  Just follow the next steps below:

How To Add Recent Comments Widget to Blogger

Step 1. Log in to your Blogger Dashboard, select your blog > go to "Layout" and click the "Add a Gadget" link:


Step 2. From the pop-up window, scroll down and click on the "HTML/JavaScript" option:


Step 3. Copy and paste the below code in the HTML/JavaScript 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>

Step 4. Replace http://your-blog-name.blogspot.com with your address (pay attention to not have two forward slashed at the end of it).

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 the "100" value from o_rc=100

Step 5. Click the "Save" button and go to see the recent comments widget on your Blogger blog!
Share this post:

    Random Posts

116 comments:

  1. Cool.. may i ask you, how could i add the widget with avatars? Thanks a lot

    ReplyDelete
    Replies
    1. I also have this post on my blog but did this post greatly also visit mine
      http://aashirirshad.blogspot.com/2013/06/recent-comments-widget-for-blogger-blogs.html

      Delete
    2. i too had this doubt now it clear. Check mine go right here

      Delete
  2. Sure, i'll make a tutorial about it. Thanks for stopping by!

    ReplyDelete
  3. thanks i used this on my site.. .http://www.crazy-fail.blogspot.com :) want to link exchange?

    ReplyDelete
  4. Is there a way to change the a:hover color?

    ReplyDelete
    Replies
    1. Add the following line after <style type=text/css>
      .rcw-comments a:hover {color: color-hex-value-here;}

      Delete
  5. This is a wonderful gadget. Thank you so much for providing it! *happydance*

    ReplyDelete
  6. Since installing your widget a few days ago (at http://skyvington.blogspot.com), I've had two cases of a spurious link introduced into posts listed by your widget. See, for example, the link attached to the word "English" in the second paragraph of the post at http://skyvington.blogspot.fr/2012/05/is-bible-good-english-literature.html

    Could there be a link between your widget and these spurious links?

    ReplyDelete
    Replies
    1. Hi William,

      I'm sorry but i don't see where's the issue. Can you be more specific? Thanks

      Delete
  7. Please suggest how to add the post link also before the comments.

    ReplyDelete
    Replies
    1. Thanks very nice tool for bloggers

      Delete
  8. I tried your widget code and the simple widget in reply 4.b, and neither of them work in my blog. The site feeds are set for full. Can you help?

    ReplyDelete
    Replies
    1. Hi Carlos, please tell me your blog address.

      Delete
    2. Sure. It is greggshorthand.blogspot.com.

      Delete
    3. Ah, now i see the problem.. this widget works for public blogs only, sorry. But you can try the Last Comments widget which works on private blogs too: link

      Delete
    4. Awesome. Thanks for your help. The Last Comments widget works like a charm!

      Delete
  9. I Finally found someone who knows how to get practical advice :) Thank You

    ReplyDelete
  10. the widget appears for few seconds, then all the rest of the blog disappears and the widget stays alone in the top of the page...i'm confused :(

    ReplyDelete
    Replies
    1. You could try this widget here: Last Comments.
      It is not mine but i think it works fine :)

      Delete
    2. It worked perfectly

      THAAAAAAAAAAAAANKS admin

      Delete
  11. Not sure why, but this widget worked perfectly until the first time I published a new comment today. Meaning, it showed all my old comments that were there before I added the widget, but today when I published a new comment, they all disappeared? Help?

    ReplyDelete
  12. Great widget! Thanks!!

    ReplyDelete
  13. The widget will is professional and will serve some help. Keep the hard-work up. Cheers!

    ReplyDelete
  14. I used. It is working :-) Thanks.

    ReplyDelete
  15. apply it today.. simple and look cool for me.. Thanks! :D

    ReplyDelete
  16. Thank you very much, it works just fine for me, great job!

    ReplyDelete
  17. greate sharing. thank you so much

    ReplyDelete
  18. Is there a way to limit the display to show only comments associated with a particular post?

    ReplyDelete
  19. Thank you so much for this - I have been trying to get this to work for EVER!!!. Happy New Year.x

    ReplyDelete
  20. Is there any way of increasing the number of comments listed?

    ReplyDelete
    Replies
    1. You should change the "5" value from:
      var a_rc=5;

      Delete
  21. thanks brother . . .good work

    ReplyDelete
  22. I had this on my blog and it was working perfectly until last night, when I accidentally deleted it. I added it back in but it does not seem to work. The site is www.unsoliciteddrivel.com.

    Any help would be appreciated!

    ReplyDelete
    Replies
    1. Maybe you forgot to change the address?

      Delete
  23. Thank you, it's a helpful a nice recent comment tool.

    ReplyDelete
  24. Anonymous1/17/2013

    ¡Muchas Gracias! Finally someone explain EASY how to make this...

    ReplyDelete
  25. thanks man this widget works great

    ReplyDelete
  26. Thanks so much! Worked great

    http://www.chicaffordable.blogspot.com

    ReplyDelete
  27. Great widget! Thank you.

    Question: how can I change the number of comments?

    ReplyDelete
    Replies
    1. Sorry for the late reply. Please change the "5" value from this part:
      var a_rc=5;

      Delete
  28. Awesome widgets! Keep it up..
    Bloggers are expecting this types of widget. Thanks.. :)

    ReplyDelete
  29. nice work, thanks for posting

    ReplyDelete
  30. Thanks bro... but i have problem, my comment also appear on the list when i reply visitors comments.... can make my comment not appear...

    ReplyDelete
    Replies
    1. Hi mrpolie,

      I will make a tutorial about it these days. Keep visiting.

      Delete
    2. Thanks bro.... i will...

      Delete
  31. What would the class name be if I wanted to change the color of the author's name? I tried .rcw-comments-author, but it didn't work.

    ReplyDelete
    Replies
    1. Hi Billy,
      Add this line: .author-rc a{color: #cc0000;}
      And change #cc0000 with your color.

      Delete
  32. good content about recent comments widget for blogger, I am like it that content so much

    ReplyDelete
  33. weew....thank you...i got this... :-)

    ReplyDelete
  34. Simple and it worked for me! I was able to replace my old "Recent Comments" widget that had stopped working. Thanks so much!

    ReplyDelete
  35. Hi

    I have been using the widget for about 8 months or so; GREAT! I changed from the 5 comments to 35 comments. All 35 comments were showing for several months - not sure how long. Just noticed today that it is no longer showing 35 comments but now only showing 25 comments. The HTML is STILL showing it as 35 programmed, so WHY is only 25 appearing? I notice that the date I have in the script is 2012/03:

    helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html

    Does it now need to be changed to 2013?

    ReplyDelete
  36. Hi I'm writing blog using Polish fonts like "ł,ź,ę,ą" - in the names of posts the letters are omited. How can I change it?
    Thanks

    ReplyDelete
  37. CAN U TELL ME HOW TO USE SAME COMMENT BOX ON WEBSITE.

    ReplyDelete
  38. Anonymous5/16/2013

    hi, can the font size be changed. I edited in html, but I do not see a change. thanks!

    ReplyDelete
    Replies
    1. Add this line just after .rcw-comments {:
      font-size: 14px;
      Change the "14px" value if you want a bigger/smaller font size.
      Sorry for the late reply!!

      Delete
  39. you're God - that was exactly what I've been looking for for so much time! Thank you very much for your work!

    ReplyDelete
    Replies
    1. You're welcome, dear :) thanks for visiting!

      Delete
  40. tutorial yang bermamfaat...
    ijin nyoba mas brooo

    ReplyDelete
  41. Anonymous6/03/2013

    How do i change the color of the comment ( not the author nor post title ), the actual comment ?

    ReplyDelete
    Replies
    1. Just after .rcw-comments {, add this declaration:
      color: #colorhex;
      Replace color hex with the code of your color. Good luck!

      Delete
  42. Thanks for this gadget! It´s working in one of my blogs, but in another, which is only for authorized authors, I don´t know if it works, it´s not showing any comment. Is it possible because it´s not public?
    Thanks!!!

    ReplyDelete
  43. What kind of Widget cause a new window to open when someone attempts to leave a comment but must first prove they are human? I want to put one on my own blog but don's know what it's called or where to get it. Thanx in advance for any help here.

    ReplyDelete
  44. hi d widget works fine for few days n den it stops.. can u check whts d prob?

    ReplyDelete
  45. Exactly what I was looking for. Works great. Thank you!

    ReplyDelete
  46. Very nice widget. Thank you for sharing it.

    ReplyDelete
  47. Thanks, great work.
    http://www.edirectsms.com

    ReplyDelete
  48. it shows Blog Spot - can i change to "My name Blog" can you help?
    or i missed sth?
    http://evaleefamily.blogspot.com/

    ReplyDelete
  49. I have done Step 4. Replace your-blog-name with your blog url.

    but not work in my blog:http://gblog092013.blogspot.hk/

    please help

    ReplyDelete
  50. Thanks!! Very cool! :)

    ReplyDelete
  51. Anonymous9/30/2013

    I entered the script with my blog name as indicated. Your web page came up on the finished page. Please advise. Thanks.

    ReplyDelete
  52. Anonymous10/02/2013

    I CAN'T "save" what I've tried to edit in my GADGET "TEXT". It WON'T SAVE!
    WHY NOT? Please help!?

    ReplyDelete
  53. http://valeriecharoux-francais.blogspot.com/

    My recent comments widget does not show recent comments. Thanks for replying.

    ReplyDelete
  54. Any reason this should have stopped working all of a sudden? Was working fine last week. Now it's not. I don't think I changed anything in the meantime....

    ReplyDelete
  55. Its very helpful for me when i will give the comments on blog thanx

    ReplyDelete
  56. Nice widget, very helpful while commenting on blogs. Thank You.

    ReplyDelete
  57. Hi there! First of all, thanks for making awesome codes.
    Now my question: is this code working with those blogspot users using google+ comments on their blogspot instead the default ones?
    I hope so, if no, does someone know where can I find a "Recent comments" for blogspot based on google+ version for blogger?
    Thank you so much ^_^

    ReplyDelete
  58. Hi, I have had this gadget in my blog for several months and it have worked totally fine I am very satisfied. But the last week it comes and goes as it wants and now for the past two days it is totally gone. I have not made any changes in the code, the design or anything else during this time.
    I have tried it again with a new html window, I have tried the other reccent comments codes you have here without avatar. None of them is working. The one you have with avatar is the only one that is working fine, but I didn't want that one since it don't show which blogpost that have the posted comment.

    Is there something else I can try?

    By the way, your blog is awesome and I am glad that I find your site. Thank you.

    ReplyDelete
  59. thank you.. it's work :)

    ReplyDelete
  60. This is also works perfect.
    but I choose with avatar :)

    ReplyDelete
  61. Thanks for this - its good. Is there any way of getting it to list much older comments. "Recent" are OK but I'd like to show some that are 6 months old.

    ReplyDelete
  62. Why doesn't it work on my blog?
    classe-kinzakenza.blogspot.se

    ReplyDelete
  63. Wow! Its very helpful blog regards of add widgets

    ReplyDelete
  64. Thank you!! I added this widget to my website: http://rantbrat.com :)

    ReplyDelete
  65. Anonymous2/20/2014

    Hi nice widget, thanks

    Anyway to exclude owner comments?

    tom m.

    ReplyDelete
  66. can I delete link to this page of this gadget?

    ReplyDelete
    Replies
    1. it is credit link...you may leave it or remove it....but it prefeerably u leave it to thanks the owner of the gadget

      Delete
  67. this is working great except that it's only showing one comment even when i change the number to 2, 5, 10, etc. but when i change it to 0, no comments appear. any ideas?

    ReplyDelete
  68. Thank god, i found this good tutorial ;) thanks

    ReplyDelete
  69. thanks but its not showing avatar

    ReplyDelete
  70. amazing post for every one....Thanks ADMIN. MY

    ReplyDelete
  71. i have 2 google blogs. it works in one but not the other. if I cut and paste the working javascript into the blog where it doesnt work I can display recent comments from the other blog! If I change to the correct URL, the scripts stops working!

    ReplyDelete
  72. Hi admin, seem like im having problem with this. it works when i paste your code for the first 5 comment perfectly (just like it should be). and when i post another comment it suddenly stop working. i dont know why. can you help me with this? thanks before.

    ReplyDelete
  73. thanks !! its very helpful :)

    ReplyDelete
  74. I installed script on my blog www.mohanmekap.com and the css is really nice to see and add color to my blog, thanks for this great understanding of installing script.

    ReplyDelete
  75. It's working! haha!
    http://wikiphobia.blogspot.com/

    ReplyDelete
  76. Good morning, this widget was working for a long time and now my blog only shows 2 comments at a time. Is there an update I need? Any ideas? Thanks.

    ReplyDelete
  77. This works, but that one with the avatars don´t. When i reloade the page, shows only the widget, and nothing from the home page. Know why?

    ReplyDelete
  78. "User does not have permission to read this blog."( visit http://myblogname.blogspot.com/feeds/comments/default)

    oh my god

    ReplyDelete
  79. It works! Thanks a lot - a long time that I was looking for.

    ReplyDelete
  80. Hello! Thank you for this, I installed it the other day and am very happy. I was just wondering, is there any way of hiding comments from the blog owner? A lot of my replies and responses are showing up on the feed and I'd rather showcase visitor comments than my own!

    ReplyDelete
    Replies
    1. Hi there,

      Please check out this widget.

      Delete