Cara Membuat Recent Comment di Blog

Hai Sobat. Udah lama nih gak posting berita. Karena internet disini lagi sakit (error).  Hehehe. OK Sobat blogger semua, saya kembali buat posting dan yang saya posting kali ini adalah bagaimana Cara Membuat Recent Comment di Blog. Mungkin sobat sobat udah pada tau sama widget ini yaa. Nah, widget ini adalah widget yang menampilkan komentar-komentar terbaru dari konten-konten blog sobat. Widget ini dilengkapi foto profil sang peng-comment dan komentar sang peng-komen tersebut. Keuntungannya sobat tidak perlu capek-capek mengetahui komentar terbaru pada pengunjung. Jadi misalnya kalau ada yang berkomentar kurang sopan pada blog sobat, sobat bisa langsung men-delete atau membalas komentar tersebut bila komentar itu perlu di komentari.. :D .
OK, Untuk sobat yang uda gak sabar gimana cara bikin widget ini, berikut Cara Membuat Recent Comment di Blog :
1. Login ke Blog sobat (Iyalah masa login ke Facebook hehe :D)
2. Klik TATA LETAK / LAYOUT
3. Kemudian klik TAMBAH GADGET / ADD GADGET
4. Setelah itu cari HTML/JAVASCRIPT
5. Pada kolom Judul, isikan judul terserah sobat, misalnya"Recent Comment" dll.
6. Nah, pada kolom konten, isikan script dibawah ini :

<div style="overflow:auto;width:auto;height:378px;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 = 10,
showAvatar     = true,
 avatarSize      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://berbagilmubersamaraffi.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

7. Ubah kode biru dengan tinggi widget yang diinginkan.
8. Ubah kode ungu untuk mengubah jumlah komentar yang ditampikan
9. Ubah kode Hijau untuk mengatur jumlah karakter maksimal
10. Ubah kode Merah dengan URL blog sobat.
11. Klik SIMPAN dan lihat blog sobat sekarang..

Bila ada saran, kritik,atau pertanyaan, bisa kirimkan di Contact Me

Semoga Info ini Bermanfaat.