Recent Comment With Thumbnail

Assalamualaikum Wr Wb
Hai.. All Kali Ini Dedy Cyber Mau Share Trik Nih...
Yang Berjudul Recent Comment With Thumbnail
Nih SS nya

Nah Gimana Keren Kan..
Yok Langsung Aja Ke TKP

1 . Log In Blogger
2 . Pilih Blog
3 . Pergi Ke Tata Letak
4 . Klik Tambahkan Gadget Atau Add Gadget
5 . Pilih HTML/JavaScript
6 . Masukkan Kode Berikut Ini Di Kotaknya

<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 - By KxMadagascar
    var
 numComments  = 10,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 60,
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdsjeIApOf_j8rw74ChUSZtK8BG9ts4a6Xu91X3nTkZiLoRiBjFAR2f_UfCq_BAiLw1nXusTbyELgGk4rjmqUjDtAjhOVjrBKJ61o5nLx6mGFvLf73zeab0pGzub6LYk8G5Ih4BYzDGN3V/s1600/gravatar.jpg",
 hideCredits = true;
 maxfeeds=20,
 adminBlog='Dary Sadega Mantemand';
//]]>
</script>
<script type="text/javascript" src="https://kxmadagascar.googlecode.com/files/RecentPost%20-%20KxMadagascar%20.js"></script>
<script type="text/javascript" src="http://kxmadagascar.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>

 Jika Pengen Di Buat Scroll nya Tambahin Aja Diatasanya

<div style='height:200px;overflow:auto;'>

Lalu Di Akhiri Dengan

</div>

 Nah.. Sekian Dari Dedy Cyber
Kalo Ada Yang Bingung
Komentar Aja Di Bawah Oke
Insya allah Nanti Saya Balas

NB : Yang Warna Merah Itu Jumlah Komentar
         Yang Warna Orange Itu Ukuran Thumbnail Gambar
         Yang Warna Hijau Itu Gambar Buat Anonim / Anonymous
         Yang Warna Biru Itu Author Blog Kamu
         Yang Warna Ungu Itu Nama Blog Kamu

Sekian Dari Dedy Cyber
Wassalamualaikum Wr Wb

Sumber: http://kxmadagascar.blogspot.com/search/label/Tutorial%20Blog