Recent Comments Widget For Blogger

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

This gadget is coded in Javascript and styled with CSS but I didn't add too much style to it, so that it could fit the colour scheme of your blogger template.
Parameters which can be configured:
    Number of comments: total number of comments to display
    Date on which the comment has been published: either display or hide it
    Posts on which a comment has been made: you can either hide the post titles or show them
    Number of words per comment excerpt: The first "n'' words of the comment will be listed
      To add the Recent Comment Widget to your Blogger blog is very easy.  Just follow the next steps below:


      How To Add Recent Comments Widget to Blogger


      Step 1. Login 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 choose 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><span id=rcw-cr><a href=http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style>

      Step 4. Obviously, you need to replace http://your-blog-name.blogspot.com/ with your blog address.

      Other settings:
      - To change the number of comments that are being displayed, replace the "5" value from a_rc=5
      - If you want to add the date on which the comment has been made, then change the "false" statement from m_rc=false to "true"
      - If you want to hide the post titles, then change the "true" statement from n_rc=true to "false"
      - And finally, to show more or less comment characters, change the "100" value from o_rc=100

      Step 5. Click Save and you're done.

      Hope you'll enjoy it!

        Random Posts

      209 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. Sure, i'll make a tutorial about it. Thanks for stopping by!

        ReplyDelete
      3. I can't get this widget to work :( Yesterday it worked great, but today, nothing :(
        Is it an April Fools thing

        ReplyDelete
      4. It seems to work every other day. Is that supposed to happen?

        ReplyDelete
        Replies
        1. Gabby, the comments may take some time (sometimes a few minutes, sometimes a few hours) to appear as the Recent Comments widget uses Blogger’s feed widget to fetch new comments. Also make sure you have your blogger comments feed enabled (go to Settings > Site feed > Switch to Advanced Mode and select Full for each option, then Save Settings)

          Delete
        2. Hello again... there seems to be a problem with your blogger's feed (it happens from time to time) If that bothers too much, you can try this simple widget instead (copy and paste the code in your blogger gadget) or this one with round avatars

          Greetings

          Delete
        3. Thanks for looking into it

          Delete
      5. Nice widget comparing to the widget in built to blogger, works fine on my blog also !

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

        ReplyDelete
      7. I love it when people come together and share opinions, great blog, keep it up.

        ReplyDelete
        Replies
        1. Hi Kerala, thanks for your appreciation.

          Delete
      8. Very informative text, thanks for sharing it!

        ReplyDelete
      9. Clear tutotial, Thanks for sharing..

        ReplyDelete
      10. 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
        2. This comment has been removed by the author.

          Delete
      11. You're all welcome :)

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

        ReplyDelete
      13. 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
      14. Please suggest how to add the post link also before the comments.

        ReplyDelete
        Replies
        1. Thanks very nice tool for bloggers

          Delete
      15. 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
        5. Anonymous10/02/2012

          Thanks for that! this great blog!!!!

          Also have you seen this?
          cool

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

        ReplyDelete
      17. 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
      18. Well done! I am gratified that you have shared this important news with me. Thanks!

        ReplyDelete
      19. This widget works perfectly. I have put on my blogger websites now.

        ReplyDelete
      20. 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
      21. Nice post and thanks for sharing the code, I'll be adding this soon.

        ReplyDelete
      22. Great widget! Thanks!!

        ReplyDelete
      23. Thanks! I've got it working on my music blog, http://www.staplethistoyourforehead.com/

        ReplyDelete
      24. oke friend thanks for share this info

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

        ReplyDelete
      26. Wow cool, this work, thans bro for tutorial

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

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

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

        ReplyDelete
      30. greate sharing. thank you so much

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

        ReplyDelete
      32. cool recent comments widget..
        thanks you so much friends =)

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

        ReplyDelete
      34. 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
      35. thanks brother . . .good work

        ReplyDelete
      36. 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
      37. Thank you, it's a helpful a nice recent comment tool.

        ReplyDelete
      38. Useful widget... thanks for the contribution!! :)

        ReplyDelete
      39. Okay .. I will try ...... thank you information.

        ReplyDelete
      40. Anonymous1/17/2013

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

        ReplyDelete
      41. I think this can be tried for the recent post

        ReplyDelete
      42. thanks man this widget works great

        ReplyDelete
      43. Thanks so much! Worked great

        http://www.chicaffordable.blogspot.com

        ReplyDelete
      44. Nice post!! Thank you for sharing. You have really imparted useful knowledge. Great stuff on related subject. This is a big help for all of us. Keep up the good work!

        ReplyDelete
      45. Your widget code worked for my blog. Thanks for sharing. Keep up the good work.

        ReplyDelete
      46. 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
      47. Awesome widgets! Keep it up..
        Bloggers are expecting this types of widget. Thanks.. :)

        ReplyDelete
      48. nice work, thanks for posting

        ReplyDelete
      49. 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
      50. 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
      51. Hi ya!

        I am using your widget, and wanted to thank you.
        Also I need to check with you if there is any possibility to see all comments. Currently it is showing 5 recently comments.

        I need a link which will show all comments on request.
        please email me on :admin@hightech-post.com

        ReplyDelete
      52. Hay...This widget works perfectly...
        Very Nice post & thanks for sharing this code,
        I'll be adding this soon.
        strategic sourcing

        ReplyDelete
      53. what comes because of recent blog cooments option is there any use behind this .

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

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

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

        ReplyDelete
      57. 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
      58. This widget works perfectly.Thank you for sharing this useful information and i will let know my friends as well.

        ReplyDelete
      59. Great tips, I'll try :D

        ReplyDelete
      60. Thanks alot, I am using this on my blog

        ReplyDelete
      61. Thank you so much for this post.

        ReplyDelete
      62. 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
      63. Nice gadget and really helpful. I have already added this gadget in my blogs. Please take a look in my blogs.
        TechnocareBD
        MobilecareBD

        Thank you

        ReplyDelete
      64. working on my blog thanks :)
        really simple and short script
        i like it :)
        thanks :D

        ReplyDelete
      65. Nice gadget and really helpful.

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

        ReplyDelete
      67. Nice post!! Thank you for sharing. You have really imparted useful knowledge. Great stuff on related subject. This is a big help for all of us. Keep up the good work!
        Glyn Willmoth

        ReplyDelete
      68. Nice widget. Very informative and thanks for sharing.

        ReplyDelete
      69. Cool trick, thank you!

        ReplyDelete
      70. Awesome widgets its looks pretty cool .Great work !

        ReplyDelete
      71. Very nice post of this blog.

        ReplyDelete
      72. Thanks for this informative tutorial!

        ReplyDelete
      73. 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

      74. You always amaze me! Really beautiful!

        ReplyDelete
      75. 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
      76. Nice and informative. Thanks for the code.

        ReplyDelete
        Replies
        1. You're welcome. Thanks for stopping by!

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

        ReplyDelete
      78. 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
      79. thanks for this tutorial.. Now i can make a Recent comments widget

        ReplyDelete
      80. 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
      81. Great its work for me. I am glad to find this amazing post here.

        ReplyDelete
      82. Thks for sharing ur blog!

        ReplyDelete
      83. neat and tidy blog. Do post more articles

        ReplyDelete
      84. gd effort in blog, well done!

        ReplyDelete
      85. Nice effort made by the blogger in this post. Even so, I am curious to know, how it benefits the blog author?

        ReplyDelete
      86. Anonymous6/16/2013

        Greаt sіtе, stick with it!

        Heге is mу blog рost ... gardеnіng (eyeshouldknow.com)

        ReplyDelete
      87. Thank you for your effort

        ReplyDelete
      88. 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
      89. hi d widget works fine for few days n den it stops.. can u check whts d prob?

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

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

        ReplyDelete
      92. Very good box, works perfectally

        ReplyDelete
      93. Thks for sharing these useful information

        ReplyDelete
      94. Thank you! Very nice widget

        ReplyDelete
      95. Thanks you, very cool

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

        ReplyDelete
      97. Thanks for sharing.

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

        ReplyDelete
      99. 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
      100. Terima Kasih. Ini sangat bermanfaat :)

        ReplyDelete
      101. Thanks!! Very cool! :)

        ReplyDelete
      102. Anonymous9/19/2013

        Good one...

        ReplyDelete
      103. 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
      104. 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
      105. how apereance of this code? is like this blog wigdet recennt comment?

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

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

        ReplyDelete
      107. 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
      108. thank's for your information, i like this.

        ReplyDelete
      109. This comment has been removed by the author.

        ReplyDelete
      110. Wonderful piece! Thanks.

        ReplyDelete
      111. Thanks it worked for me wooooooo.....

        ReplyDelete
      112. Thank you For giving Wonderfull Info

        ReplyDelete
      113. thanks for information, nice post :)

        ReplyDelete
      114. I like it very much and thanks for sharing.

        ReplyDelete
      115. Thanks for giving useful info....

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

        ReplyDelete
      117. its very helpful for me when i will post comment on blogs thanks

        ReplyDelete
      118. its very helpful for me

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

        ReplyDelete
      120. Yes I liked it very much and will share it using my social media accounts.

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

        ReplyDelete
      122. Thanks for sharing it is very nice post

        ReplyDelete
      123. this is useful info thanks for sharing

        ReplyDelete
      124. 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
      125. Thanks dear for sharing this it's very informative post and also simple to understand thanks again.

        ReplyDelete
      126. Thanks, it's very working on my blog :)

        ReplyDelete
      127. 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
      128. Appears to be working ok for me.

        ReplyDelete
      129. Very good article, i want to pasang this widget to my blog.

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

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

        ReplyDelete
      132. 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
      133. Great. could you please make a tutorial on how to add a subscribers form on a blog and secure it from spams?

        ReplyDelete
      134. Appears to be working ok for me.

        ReplyDelete
      135. Hmm... No JavaScript needed if you like to put "http://your-blog-name.blogspot.com/feeds/comments/default" as the feed source for your default Blogger's feed widget... Simple, isn't it?

        ReplyDelete
      136. That works, thanks nice content.

        ReplyDelete
      137. Thank you very much

        ReplyDelete
      138. I think recent comment is default on blogspot widget? Turns must enter script? Thanks a lot for your information. it's useful

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

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

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

        ReplyDelete
      142. Anonymous2/20/2014

        Hi nice widget, thanks

        Anyway to exclude owner comments?

        tom m.

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

        ReplyDelete