Membuat/Menambahkan Recent Comment Dengan Gambar Avatar Di Blog/Web

Hallo sobat posting lagi nih!
Kali ini tentang blog, sudah lama ya saya tidak update posting tentang blog.
Pada kesempatan kali ini saya akan memberitahu cara membuat recent comment di blog.
Sebenarnya Blogger sudah menyediakan Widget ini, tapi tidak dengan gambar avatar melainkan hanya tulisan saja.
Oke tidak usah panjang lebar langsung saja ini caranya :
1. Login ke Blogger

2. Lalu menuju ke Tata Letak >klik Add Widget/Tambah Widget

3. Pilih HTML/JavaScript
4. Lalu masukkan code berikut :

<div style="overflow:auto;width:auto;height:300px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">
<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:0 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 = 99999999,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 200,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script>
<script type="text/javascript" src="http://ibnushares.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

 Note :

1. Teks yang berwarna Oren adalah ukuran kotak Recent Comment nya anda bisa mengganti sesuai keinginan anda.
2. Teks yang berwarna Biru adalah jumlah komentar yang akan di tampilkan anda bisa mengganti jumlahnya sesuai keinginan.
3. Teks yang berwarna Merah adalah komentar website tersebut anda harus menggantinya dengan URL blog atau website sobat sendiri.

Oke sekian tutorial blogger dari saya semoga bermanfaat buat sobat Blogger semua !!

Sumber : http://blue-eyes-1995.blogspot.com/