Recent Comments Widget For Blogger

Posted on March 11, 2012110 comments
This Recent Comments Widget for Blogger will display 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 comments will be gathered in descending order with the newest comments at the top and the older ones at the bottom.

The 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 type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</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">Recent Comments Widget</a></div>
<style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</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 for Blogger live on your blog!
(追記) (追記ここまで)
(追記) (追記ここまで)

110 comments:

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete
    Replies

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

      Delete

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

    Reply Delete

  5. 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?

    Reply Delete
    Replies

    1. Hi William,

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

      Delete

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

    Reply Delete

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

    Reply Delete
    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

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

    Reply Delete

  9. 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 :(

    Reply Delete
    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

  10. 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?

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete
    Replies

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

      Delete

  20. thanks brother . . .good work

    Reply Delete

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

    Reply Delete
    Replies

    1. Maybe you forgot to change the address?

      Delete

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

    Reply Delete

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

    Reply Delete

  24. thanks man this widget works great

    Reply Delete

  25. Thanks so much! Worked great

    http://www.chicaffordable.blogspot.com

    Reply Delete

  26. Great widget! Thank you.

    Question: how can I change the number of comments?

    Reply Delete
    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.. :)

    Reply Delete

  29. nice work, thanks for posting

    Reply Delete

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

    Reply Delete
    Replies

    1. Hi mrpolie,

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

      Delete

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

      Delete

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

    Reply Delete
    Replies

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

      Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

  37. 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?

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete
    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

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

    Reply Delete
    Replies

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

      Delete

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

    Reply Delete

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

    Reply Delete
    Replies

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

      Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

  50. Very nice widget. Thank you for sharing it.

    Reply Delete

  52. Thanks, great work.
    http://www.edirectsms.com

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

  58. http://valeriecharoux-francais.blogspot.com/

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

  62. 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 ^_^

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

  70. Wow! Its very helpful blog regards of add widgets

    Reply Delete

  71. Hi nice widget, thanks

    Anyway to exclude owner comments?

    tom m.

    Reply Delete

  72. can I delete link to this page of this gadget?

    Reply Delete
    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

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

    Reply Delete

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

    Reply Delete

  75. thanks but its not showing avatar

    Reply Delete

  76. amazing post for every one....Thanks ADMIN. MY

    Reply Delete

  77. 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!

    Reply Delete

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

    Reply Delete

  79. thanks !! its very helpful :)

    Reply Delete

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

    Reply Delete

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

    Reply Delete

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

    Reply Delete

  84. 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?

    Reply Delete

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

    oh my god

    Reply Delete

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

    Reply Delete

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

    Reply Delete

New comments are not allowed.

Subscribe to: Post Comments (Atom)

AltStyle によって変換されたページ (->オリジナル) /