Cara Memasang Recent Comment Simple dengan Avatar

Cara Memasang Recent Comment Simple dengan Avatar - Mungkin cara ini sobat semua sudah tau, mumpung masih ada waktu, saya akan post Cara Memasang Recent Comment Simple dengan Avatar, recent comment adalah widget komentar terbaru di suatu postingan, cara ini memudahkan kita untuk melihat komentar terbaru, jadi tidak perlu mengecek 1 per 1 postingan untuk melihat komentar terbaru, scriptnya pun gak terlalu panjang, jd tidak terlalu berat :).
Berikut tutorial cara Cara Memasang Recent Comment Simple dengan Avatar :

1. Login ke blogger

2. Lalu klik Page elements / Tata letak

3. Lalu klik Add Gadget / Tambahkan Gadget

4. Lalu pilih HTML/Javascipt

5. Copy kode di bawah ini dan taruh di box konten HTML/Javascript tadi :

<div style="overflow:auto;width:auto;height:200px;border:1px solid #ccc; padding:10px; margin:0 auto;background:white;"> <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://sch-xp.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

sumber script

6. Lalu klik simpan / save

Catatan
ganti yang berwarna oren dgn nama blog anda
yang berwarna merah adalah tinggi dari Recent Comment
yang berwarna hijau adalah background Recent Comment
yang berwarna kuning adalah total komentar yg akan ditampilkan
yang berwarna biru adalah gambar avatar yg ingin ditampilkan, jika tidak ingin ditampilkan ganti True menjadi False