Cool Recent Cooment Widgets For Blogger/Blog ~ BLOGGER HEROE

Now i'm reaching to show you excellent operating recent comments widget for your blogger blog that might extremely assist you in obtaining further variety of comments. In fact, at the gap of this web log, i did not had any commentators here, currently the time have extended and you'll be able to notice ton of latest commentators involving here a day and that i am even making an attempt to support them at my limit. Here I customized in four different styles of recent comments. So Let jump into tutorial to add this widget in your blog.

LIVE DEMO

How To Add Recent Comment Widget With Avatar in Blogger

Click Add To Blogger Button below to add this widget in your blog with one click.

STYLE #1

.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.bh_recent_comments li:hover {
    background: #FD7474 !important;
    border-radius: 100%;
}

.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.bh_recent_comments li:hover {
    -webkit-transform: scale(1.2) translate(15px);
    -moz-transform: scale(1.2) translate(15px);
    -ms-transform: scale(1.2) translate(15px);
    -o-transform: scale(1.2) translate(15px);
    transform: scale(1.2) translate(15px);
    box-shadow: 0 0 20px 1px #aaa;
}

</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 45,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More ?",
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo2ZQxPlip7Af52xFcwOB5RgvqpeHnezItntXUBJiDQOFreLHFoBhqLS4XYid8_xo9ykBnRFEueKEO4po15JOqKD_P3wGQBNpwt0Pn8nDeiVJBImv_WUeTjsEidQxTOc_Hr289HSh34bJp/s1600/blogger-avatar-1.png",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>

STYLE #2

STYLE #3

STYLE #4

I hope you like this widget. If you got anything wrong from this widget you can comment on below...

Share it Please

2 comments:

Susan P. CooperApril 14, 2013 at 7:00 PM
Good stuff, this. I am a wordpress blog but this would have been helpful when I was using blogger. I will froward this the a few friends who are using blogger
maw2214April 15, 2013 at 7:55 AM
@Susan Cooper Thank you! Your appreciation is very important for me. Hope you like my future posts!

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML code in comments then please use our HTML Encoder
2. For perfect customization of our tutorials, use our HTML Editor
3. Please do not spam, Spam comments will be deleted immediately upon our review.

Regards,
Adrian Lucernas