3 Membuat Recent Comment Unik

Widget recent comment adalah salah satu widget yang terpenting ada di blog, karena itu menunjukkan post yang sedang banyak dibicarakan oleh para pengunjung blog. Sobat blogger bisa melihat tampilannya seperti pada gambar di bawah.

Silahkan ikuti langkah-langkah mudah di bawah ini:

1. Masuk Ke halaman Dashboar > Tata Letak > Elemen Laman.
2. Klik Add gadget / Tambah gadget.
3. Pilih HTML / JavaScript.
4. Copy Pastekan Kode di bawah ini pada elemen HTML / JavaScript.
<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 = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://indolaron-js.googlecode.com/svn/trunk/Recent_Comments_With_Avatar.js"></script>
<script type="text/javascript" src="http://rolanpippo.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>


5. Simpan dan Lihat hasil nya.

Keterangan : 

• Angka 5 (warna biru adalah jumlah komentar terakhir yang ingin ditampilkan)
• angka 30 dan 30 adalah ukuran image avatar komentar postingan blog.
• Silahkan mencoba bereksperimen sendiri untuk hal-hal lainnya, cobalah.
• Terus http://rolanpippo.blogspot.com ganti dengan nama blog sobat.