Recent Comment Widget

Recent Comment Widget for blogger with Thumbnail of Commented Person
How To add this attractive widget...

• Go To Blogger Dashbord.
• Select LayOut
• Click On Add Gadgets.
• Select HTML/JAVA SCRIPT.
• Paste Following Code There in Body Section.

Code:

<style type="text/css">  
ul.latest_recent_comments{list-style:none;margin:0;padding:0;}  
.latest_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;}    .latest_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;}    .latest_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .latest_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
.latest_recent_comments span{display:none;}</style>
<script type="text/javascript">
//<![CDATA[    //
Recent Comments Settings    var    numComments     = 8,  
showAvatar     = true,  
avatarSize     = 60,  
roundAvatar    = true,  
characters     = 30,  
showMorelink    = true,  
moreLinktext    = "More &#65533;",  
defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",  
hideCredits    = true;//]]></script>
<script src="http://yourjavascript.com/13747021461/allin1web-avtar-rc.js">
</script>
<script src="http://allin1-web.blogspot.com/feeds/comments/default?alt=json&amp;callback=latest_recent_comments&amp;max-results=5" type="text/javascript">
</script>

• Replace Highlighted URL with your Domail..
• Click on save Button
• You are done.

Please Comment Here...Your comment are very important for us to improve our effeciency...