Sebelumnya Saya mengucapkan selamat datang di blog sederhana ini yaitu BB (Bagoez-Blog). Apakah anda ingin memiliki blog yang keren tapi tidak memberatkan blog? Salah satu nya ialah tutorial ini. Nantinya setelah di pasang script ini blog anda akan terpasang recent comment dengan gambar avatar di Blog anda. Ayo langsung saja:

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 = 100,
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://bagusremulyafajri.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.
Terimakasih Anda telah mengunjungi BB (Bagoez-Blog) dan membaca entri ini.
Semoga berguna dan bermanfaat. :)