Top Recent Comments Widget For Blogger with Avatars To Blogger & Commentators

Top  Recent Comments Widget For Blogger with Avatars To Blogger & Commentators

It's very helpful and useful. It also very Attractive . Some people request me for nice recent post widgets for their Blog Site , so that today I Share It widgets

Now Follow this instruction :

Step 1:   Go to your blogger Dashboard  and Click  Layout

Step 2:  Now  Add a  new Widget Like   HTML/JavaScript 

Step 3: Now Copy this Below Code and Pasted this Code  on       

                    this  Widget

Step 4: Then save and enjoy yourself .......

Note: Please Replace www.kisabuj.tk this with your Blog URL 

<script type="text/javascript">

//<![CDATA[    

// Recent Comments Settings    

 var

umComments = 10,

showAvatar = true,

avatarSize = 70,

 roundAvatar = false,

characters = 50,

showMorelink = true,

moreLinktext = "More »",

defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",

hideCredits = false;

//]]></script><style type="text/css">    ul.bdlab_recent_comments{list-style:none;margin:0;padding:0;}    .bdlab_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;}    .bdlab_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;}    .bdlab_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .bdlab_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/bdlab-recent-comments-with-avtar-ycode.js"></script><script type="text/javascript" src="http://www.kisabuj.tk//feeds/comments/default?alt=json&callback=bdlab_recent_comments&max-results=10"></script>