Widget Recent Comment Dengan Avatar

Recent Comment adalah widget yang berisi komentar terakhir yang ada pada blog, jika recent comment dengan avatar adalah widget komentar dengan foto profil pengomentar. Cara memasangnya juga cukup mudah, disini saya akan memberikan cara untuk memasang widget recent comment dengan avatar untuk blog.

Contoh widget recent comment dengan avatar pada blog ini:

Get This Widget

Cara untuk memasang widget recent comment dengan avatar adalah:
Masuk ke blogger.com -> buka tata letak/page element -> Tambahkan widget/add widget -> Pilih HTML/JavaScript
Kemudian pastekan kode dibawah ini pada HTML/Javascript

<div style="overflow:auto;width:100%;">
<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: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://lioneldandy.googlecode.com/files/DANDYrcomment.js"></script>
<script type="text/javascript" src="http://dandidesain.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
</div>
<a style='font-size:11px;float:right'href='http://dandidesain.blogspot.com' title='Get This Widget' target='_blank'>Get This Widget</a> 

Save/simpan, selesai.

Pengeditan:
Ganti url http://dandidesain.blogspot.com dengan URL blog sobat
numComments = 5 dan max-results=5 adalah jumlah komentar yang ingin ditampilkan.
avatarSize = 40 adalah ukuran poto profil komentar pada widget.