Membuat Recent Comment Avatar

Kali ini Saya akan membahas cara Membuat Recent Comment Avatar (Komentar masuk dengan gambar Avatar pengunjung).

Gambar di bawah adalah screenshot Recent Comment dengan Avatar.

Tanpa berlama-lama Saya akan memberitahu cara membuat Recent Comment dengan Avatar.

Cara Membuat Recent Comment Avatar :

• Login ke blogger.com
• Pilih Tata Letak → lalu tambahkan Tambah Gadget → HTML/Javascript
• Kemudian masukkan script di bawah ini ↓

<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  = "https://en.gravatar.com/badilah",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://badilah.googlecode.com/files/recentcomment.js"></script>

<script type="text/javascript" src="http://suryachandragobel.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

• Ganti http://suryachandragobel.blogspot.com dengan URL blogmu sendiri, angka 5 adalah banyaknya komentar yang akan ditampilkan, angka 50 adalah ukuran avatar, dan angka 60 adalah banyaknya karakter komentar yang muncul.
• Simpan dan lihat hasilnya

Selamat Mencoba !