CARA MEMBUAT RECENT COMMENT AVATAR

Membuat recent comment adalah hal yang terbilang penting jika blog kamu udah ramai pengunjung. Bayangkan saja ketika anda menjadi seorang user yang sedang browsing ke sebuah blog yang banyak terlihat komentar-komentarnya.

Melihat hal itu tentu apa yang anda tulis pasti terlihat menarik bagi user bukan?? Apalagi kalau liat recent comment dengan tampilan yang menarik seperti disamping ini.

CARA MEMBUAT RECENT COMMENT AVATAR ini saya ambil dari blog Mas Kolis dan akan saya bagikan juga bagi kamu yang mungkin lagi cari-cari widget seperti ini.



Berikut ini caranya :

1. Login ke blogger dengan akun Anda.
2. Di dashboard masuk ke layout
3. Setelah itu anda pilih add gadget >> HTML/Javascript
4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://masolis-javascript.googlecode.com/svn/trunk/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://tokokaoskeren.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Keterangan :
Warna merah (5) : adalah jumlah komentar yang ditampilkan
Warna kuning (50) : ukuran pixel avatar
Warna hijau (60) : Jumlah karakter huruf komentar
Warna biru : ganti dengan URL blog Anda.

5.Terakhir save, membuat recent comment dengan avatar telah selesai.

Mudah bukan? Selamat mencoba ya..
Salam Sukses Krisma Fashion.