Buat Recent Comments dengan Avatar

Buat Recent Comments dengan Avatar - Trik ini spesial buat sobat blogger yang minta share widget ini. Kemarin sobat minta untuk share dan sekarang saya kasih sob. Kalau yang lain juga pengen buat nggak masalah :

Gambar di atas adalah hasil dari langkah-langkah membuat Recent Comments dengan Avatar, Atau bisa juga di lihat di sidebar blog ini. Langsung aja berikut langkahnya :

1. Klik Add Gadget >> HTML/JavaScript
2. Beri judul atau nggak terserah sobat, dan masukan kode berikut ke dalamnya :

<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$3A0 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  = 30,
 roundAvatar = true,
 characters  = 30,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://obachti-95.googlecode.com/files/Recent%20Comments.js"></script>
<script type="text/javascript" src="http://obachti-95.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Keterangan :

• Ganti kode tulisan yang berwarna merah dengan nama alamat blog sobat.
• Ganti kode Angka 5 yang berwarna biru, jika sobat ingin menampilkan kurang atau lebih dari 5 komentar terakhir

3. Kilk Simpan


Sayang trik yang saya dapat dari www.way2blogging.org ini, memiliki kekurangan yaitu adanya komentar admin yang terlihat membuat recent comments terkadang didominasi oleh komentar kita sendiri sob. Bagi yang ingin menghilangkan komentar kita sendiri dari recent comments sobat bisa kunjungi di sakahayang dot com.

Selesai, Selamat mencoba. ^^ sumber