Membuat Recent Comment dengan Avatar Profile

Membuat Recent Comment dengan Avatar Profile

Recent comments adalah widget / gadget yang akan menampilkan beberapa komentar terakhir di blog. Jumlah karakter yang ditampuilkan dapat diatur. Dengan adanya Avatar atau foto profil komentator di dekat tulisan komentar, membuat Recent Comments dengan Avatar ini lebih menarik di bandingkan Recent Commnets biasa yang tidak menampilkan avatar profil komentator.

Nah, kali ini saya akan berbagi bagaimana cara bikin recent comment di blogspot, itung2 sharing ilmu., hehe
beriku image dari blog saya ( Twikkel Blog )

Checkitdot

1. masuk ke Account Blogger sobat
2. Pilih, Tata Letak

3. Add Gadget, kemudian isi judul gadget sesuai keinginan sahabat blogger

4. Copas Script dibawah 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  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/211271156231/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://twikkel.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

5. selesai.,., silahkan save.,

Note :  - Ganti tulisan warna merah dengan URL Blog Sobat

            - tulisan Warna biru adalah jumlah comment yang akan di tampilkan.,.,

Selamat mencoba, Salam Twikkel Blog