Buat widget Recent Comment dengan Avatar di Blog

Widget Recent Comments untuk Blogger menampilkan komentar blog baru pada sidebar.You Anda dapat menggunakan widget ini untuk menampilkan komentar terbaru dari setiap blog blogger.Dalam widget ini kita bisa menampilkan Avatar dari commenter gunakan. Seperti yang terlihat Widget terbaru saya Komentar, ini tampak persis sama untuk widget Widget.This terbaru saya Komentar sangat disesuaikan. Sehingga Anda dapat dengan mudah menyesuaikan terakhir Anda komentar widget.You juga dapat mengatur gambar default avatar dan hal banyak lagi yang Anda dapat dengan mudah menyesuaikan.

Cara Tambah Widget Recent Comments untuk Blogger Dengan Avatar Untuk Blogger?

1. Ke Dashboard Blogger > Tata Letak 
2. Klik Tambah Gadget > HTML / JavaScript
3. Paste kode di bawah ini dan simpan.

<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  = 40,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<p style="display:none;">Recent Comments Widget for Blogger With Avatar For Blogger by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://yourblogname.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>