125 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. If you want to encourage your readers in leaving comments on your blog, this is a widget I would recommend.

How To Install The Recent Comments Widget For Blogger

Step 1. Go to your Blogger Dashboard >> Layout >> Add a Gadget




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



Step 3. Now 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. Replace your-blog-name with your blog url.

Step 5. Click Save and you're done.

Hope you'll enjoy it!
Labels: , , ,
RELATED POSTS

125 comments:

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

    ReplyDelete

  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

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

    ReplyDelete

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

    ReplyDelete

  8. 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

  9. Very informative text, thanks for sharing it!

    ReplyDelete

  10. Clear tutotial, Thanks for sharing..

    ReplyDelete

  11. 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

  14. You're all welcome :)

    ReplyDelete

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

    ReplyDelete

  17. 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

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

    ReplyDelete
    Replies

    1. Thanks very nice tool for bloggers

      Delete

  19. 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

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

    ReplyDelete

  21. 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

  23. Well done! I am gratified that you have shared this important news with me. Thanks!

    ReplyDelete

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

    ReplyDelete

  25. 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

  26. Nice post and thanks for sharing the code, I'll be adding this soon.

    ReplyDelete

  27. Great widget! Thanks!!

    ReplyDelete

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

    ReplyDelete

  29. oke friend thanks for share this info

    ReplyDelete

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

    ReplyDelete

  32. greate sharing. thank you so much

    ReplyDelete

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

    ReplyDelete

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

    ReplyDelete

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

    ReplyDelete

  36. 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

  37. thanks brother . . .good work

    ReplyDelete

  38. 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

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

    ReplyDelete

  40. Useful widget... thanks for the contribution!! :)

    ReplyDelete

  41. Okay .. I will try ...... thank you information.

    ReplyDelete
  42. Anonymous1/17/2013

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

    ReplyDelete

  43. I think this can be tried for the recent post

    ReplyDelete

  44. thanks man this widget works great

    ReplyDelete

  45. Thanks so much! Worked great

    http://www.chicaffordable.blogspot.com

    ReplyDelete

  46. 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

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

    ReplyDelete

  48. 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

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

    ReplyDelete

  51. nice work, thanks for posting

    ReplyDelete

  53. 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

  55. 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

  56. 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

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

    ReplyDelete

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

    ReplyDelete

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

    ReplyDelete

  60. weew....thank you...i got this... :-)

    ReplyDelete

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

    ReplyDelete

  64. 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

  66. This widget works perfectly.Thank you for sharing this useful information and i will let know my friends as well.

    ReplyDelete

  67. Great tips, I'll try :D

    ReplyDelete

  68. Thanks alot, I am using this on my blog

    ReplyDelete

  69. Thank you so much for this post.

    ReplyDelete

  70. 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

  71. 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

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

    ReplyDelete

  73. Nice gadget and really helpful.

    ReplyDelete

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

    ReplyDelete

  75. 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

  76. Nice widget. Very informative and thanks for sharing.

    ReplyDelete

  77. Cool trick, thank you!

    ReplyDelete

  80. Awesome widgets its looks pretty cool .Great work !

    ReplyDelete

  81. Very nice post of this blog.

    ReplyDelete

  82. Thanks for this informative tutorial!

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


  84. You always amaze me! Really beautiful!

    ReplyDelete

  85. 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

  87. Nice and informative. Thanks for the code.

    ReplyDelete
    Replies

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

      Delete

  88. tutorial yang bermamfaat...
    ijin nyoba mas brooo

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

  90. thanks for this tutorial.. Now i can make a Recent comments widget

    ReplyDelete

  91. 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

  92. Great its work for me. I am glad to find this amazing post here.

    ReplyDelete

  93. Thks for sharing ur blog!

    ReplyDelete

  94. neat and tidy blog. Do post more articles

    ReplyDelete

  95. gd effort in blog, well done!

    ReplyDelete

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

    ReplyDelete
  97. Anonymous6/16/2013

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

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

    ReplyDelete

  98. Thank you for your effort

    ReplyDelete

Subscribe to: Post Comments (Atom)