Create Beautiful Recent Comment Widget With Avatar on Blogger

Create Beautiful Recent Comment Widget With Avatar on Blogger
Recent comment is a cool widget for me, official blogger team has released the recent comment widget. But that's to simple, so now i will share a recent comment widget with avatar on blogger. Its a beautiful recent comment widget i had ever seen haha
So this is it, Create Beautiful Recent Comment Widget With Avatar on Blogger

You can see the preview on my sidebar, "Recent" on tab navigation.

The Step
1. Login to blogger
2. Go to design - add a gadget
3. Paste this code below

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_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;}
    .w2b_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;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments 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     = 50,
    roundAvatar    = true,
    characters     = 70,
    showMorelink    = false,
    moreLinktext    = "More ",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://blogyahyagan.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

4. And save it.

Recent Comment Widget

Just Info
NumComments = the numbers of comment that will showed on your site
ShowAvatar = true/false
AvatarSize = the size of avatar you will used
roundAvatar = true/false
characters = the max character that will showed
showmorelink = true/false
morelinktext = the "more" link text that will showed
defaultAvatar = the url of default avatar
hideCredits = true/false (Credits Way2blogging)

ok maybe that's it. Create Beautiful Recent Comment Widget With Avatar on Blogger.
Please Subscribe us, and share this article into your social network 

Next Post 25 Dofollow Blog List With PR 5-3 2012

Read More Create Beautiful Recent Comment Widget With Avatar on Blogger

Threaded Comment Replies Added To All Blogger Comment Forms

How to add Threaded comment replies to your blog, Threaded Comment Replies Added To All Blogger Comment Forms

Threaded Comment On Blogger

While that tutorial was a valid option to allow readers to reply to comments it did not place the reply to each comment in a threaded fashion. In fact many of the comments on that post asked was it possible to have the reply placed under the original comment. After so many many requests the Blogger Team have taken note and today Threaded comment replies are now available on Blogger.

And now i will share this tutorial to you, hmm i know this trick from spice up your blog. You can visit that blog for other information or visit blogger team. As you see on my blog, if you commented on my blog post, my comment box are threaded. because i've tried this tutorial and its work. Ok so this is it. How To Add Threaded Comment Replies To Your Blog.

How to activate comment replies on Blogger

For most people the threaded comment replies will be activated automatically on your blog. If you cant see the comment replies here is a check list to get them working :

Comment form is set as embed - Go to your settings > Comments > Comment Form Placement > Tick "Embedded below post" and make sure to scroll to the foot of the page and save.

Site feed is set to full - Got to settings > Site feed > Allow Blog Feeds > From the drop down menu choose " Full" and make sure to scroll to the foot of the page and save.

If none of this is working it could be your template, leave a comment.

 Latest post "Create Google Breadcrumbs On Blogger"

Source : SpiceUpYourBlog

Read More Threaded Comment Replies Added To All Blogger Comment Forms