Fancy Recent comment widget for your blog

Hello
If you've been following this blog update, you should have known all what we are all about

Our main aim at waplordcrib.com is to turn you into an authority blogger and make your blog design the best it can be

Today I'm going to teach you how to add RECENT COMMENTS widget to your blog ,this widget has a rounded  image and it's fancy for your blog

to be sincere this widget has help this blog in terms of comments

When visitors see that recent commenter profiles were displayed on your blog,they would like their profile appear too... So by that... Visitors and mute followers would contribute to your blog in terms of comment

How to add RECENT COMMENTS widget to your blog 

===)> login to your Blogger dashboard >layout

===)> click  'add gadget' and select HTML/JAVASCRIPT

===)> copy the below code into the html box

<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  = 5, showAvatar  = true, avatarSize  = 60, roundAvatar = true, characters  = 30, showMorelink = true, moreLinktext = "More �", defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script>
<script type="text/javascript" src="http://yourjavascript.com/58121378161/www.mybloggertopic.blogspot.com.js"></script>
<script type="text/javascript" src=" http://www.waplordcrib.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=6"></script>

         

               Settings

Replace the 'www.waplordcrib.com' with your blog url

Click save... And don't forget to save the layout