Add Recent comments widget with Avatars To Blogger

How to Add Recent comments widget with Avatars To Blogger: In this Article we share with you how you can add Nice Looks recent comments Blogger widget in your Blog with Images. This Blogger Recent Comments Widget show the Latest Comments which is posted by your visitors in your Blogger. so using this widget you can directly see your latest comments on your homepage or where you added this widget. the main benefit of this widget is its showing stylish avatar with comments its a proper comments widget so Everyone love avatar comments widget that's why we share with you a Avatar comments Blogger Widget hope so you like it and you used this comments widget in your blogs.

Our Comments Blogger Widget image is above so you can see the stylish look of our commenting widget.

How to Add Recent comments widget with Avatars To Blogger

• First Step is Go to The layout > Add Widget.
• Select HTML/JavaScript Widget. 
• Now copy paste the Script in Widget.

<style type="text/css">

ul.helploggercomments{list-style: none;margin: 0;padding: 0;}

.helploggercomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}

.helploggercomments 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;}

.helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}

.helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[    // Recent Comments Settings

    var numComments  = 5, showAvatar  = true, avatarSize  = 60,roundAvatar = true, characters  = 40, showMorelink = false, moreLinktext = "More »",

 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ZHli19M0dF_GrRswtFz4PXkNDqZb3fHTfQenN9Yu5kGdCgHlqiZxW9zFMN2rq7C-KcedTxtzkxS33AlfvWtUfFR3p8_RYFy0h-UMrfSK7r0URHOilA0EHfS_Umb2PQWi4xFYMj-yD5lF/s1600/default-avatar.jpg",

 hideCredits = true; //]]>

</script>

<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/[helplogger.blogspot.com]recent-comments.js"></script>

<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=helploggercomments&max-results=5"></script><div style="font-size: 10px; float: right; margin-top: -15px"></div>

• save it, you installed commenting widget successfully in your blog,

Note: This Widget shows maximum 5 latest comment in your blog.
If you want to replace the avatar then use then replace this URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ZHli19M0dF_GrRswtFz4PXkNDqZb3fHTfQenN9Yu5kGdCgHlqiZxW9zFMN2rq7C-KcedTxtzkxS33AlfvWtUfFR3p8_RYFy0h-UMrfSK7r0URHOilA0EHfS_Umb2PQWi4xFYMj-yD5lF/s1600/default-avatar.jpg with your avatar URL.
When your visitor see this comments widget on your blog then he thinks your blog is Awesome , Active and he /she will like to comment on your blog.