Sunday, 22 January 2012

How To Add [Recent Comments Widget] To Your Blogger Blog

Via MadTomatoe:
Here’s how you can add a recent comments widget (gadget) to your Blogger blog. (You may also want to add a Recent Posts with Thumbnails widget to your blog.)


1. Go to your Blogger Dashboard > Layout > Page Element > Add a Gadget > HTML/JavaScript
2. Copy and paste the code below:

<script style=text/javascript src= ></script>
<script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script>
<script src= ></script>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr"><a href=>Recent Comments</a> <a href= target=_blank title=blogger widgets>Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px #cccccc dotted; padding-top: 7px!important; padding-bottom: 7px!important;}
#rcdr {background: url( 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rcdr, #rcdr a {color:#808080;}
3.  In the code, look for this line:
and replace the blog address (indicated in color blue) with your own blog address
4. Add a title. Save.
That’s it!


  1. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru JavaScript Online Training in India. Nowadays JavaScript has tons of job opportunities on various vertical industry. JavaScript Training in Chennai