Best Recent Comment Widget For Bloggers

The recent comment widget is not just a good tool is a useful tool that allows to you many featured, by this best recent comment widget you get to know your communication with your audience and feedback ,suggestions of what they think about your content.

Let's Get started.

Adding the CSS:

Go to Design >> Edit Html.

Then look for ]]></b:skin> using CTRL+F on the keyboard.

Before the above code.Add this:

ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}

Now SAVE Your Template, and go back to Page Elements.

Adding the script code:

Go to Design >> Page Elements >> Click on Add A gadget >> Choose HTML/JavaScript.
Name it to Recent Comments.
Then add this Code :

<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 3,
 showAvatar  = true,
 avatarSize  = 40,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://www.YOUR BLOG HERE.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>

Now Just Change : http://www.YOUR BLOG HERE.com, To Your Blog Address, And Save.
WE DONE!
I hope you enjoyed with this widget.
Feedback’s and Suggestions are welcome!.

Posted in: Blogger Tricks