Cara Membuat Recent Comment avatar di Blog

Sobat tahungak apa itu Recent Comment kalau belum tahu saya jelasin sedikit. Recent Comment Merupakan Widget yang menampilkan Komentar" terbaru yang ada di Blog Tersebut. Tidak hanya itu Widget ini juga akan tampil menarik karena avatar tersebut adalah foto profil kita sendiri. Berbeda dengan Recent Comment yang tanpa avatar akan terlihat kaku dan tidak menarik.

Jadi Mengapa dikatakan Penting..??

Karena Widget ini bisa Membuat Pengunjung kita Tertarik Untuk Berkomentar di Blog kita... Dengan begitu Blog kita jadi tidak sepi Komentar dech..

Tidak hanya itu Sob Widget Recent Comment ini Juga dibutuhkan manakala kita malas melihat satu persatu komentar yang masuk pada artikel kita. Dengan Recent Comment kita akan mengetahui artikel mana saja dan siapa saja yang masuk pada blog kita.

Ok Sob langsung saja jika Sobat tertarik mau memasangnya silahkan ikuti langkah-langkahnya Berikut ini...:

1. Login ke akun blogger
2. Klik Design/Layout/Tata Letak
3. Page Element
4. Add a Gadget HTML/Javascript
5. Kemudian masukan kode berikut 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://akramberbagi.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Keterangan :

Ganti yang Berwarna Merah atau http://akramberbagi.blogspot.com dengan URL blog Anda.

numComments=5 adalah banyaknya komentar yang akan ditampilkan,

avatarSize= 50 adalah ukuran avatar

characters=60 adalah banyaknya karakter komentar yang akan muncul.

5. Simpan/Save dan Lihat Hasilnya...

Sekian dari saya semoga bermanfaat bagi sobat semua