How Add Stylish New Recent Comments Widget For Blogger

PUT YOUR PARSED ADSENSE CODE HERE

We will discuss Recent Comments Widget For Blogger. This widget is awesome cool and looking Attractive for blogger. This Widget is working perfect and included all numbers of comments. Mostly Widget not working properly, but don't worry this widget working is perfect and look cool. we can not see each post who comments in the post, so we can easily see each post using this widget and just one click and land on comments and reply as you like related comment and post.So we back and try to install this widget in blogger following few steps.

How Add Stylish New Recent Comments Widget For Blogger

How Install Recent Comments Widget with Rounded Images.

• Go To Blogger >> Design >> Page Elements 
• Click on "Add a Gadget"' >> Now choose HTML/JavaScript 
• You Can See Below ScreenShot. How Do This.

How Add Stylish New Recent Comments Widget For Blogger

After this You can see appear a popup window.Copy Below Given all Code and Paste Inside the box and write title as you like.

• Code Given Below

<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/120631591214/nbtrecentcomments.js"></script>
<script type="text/javascript" src="http://www.SeoBloggerTricks.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=6"></script>

How Customize This Recent Comments Code.

• if you want To change Number Of Comments Change Highlight Value "5"
• Must Replace Your Blogger Or Site URL with Highlight Code And Save

Last Save You gadget and Replace Where You want To appear This Widget Like Sidebar or Footer.

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!