Membuat Recent Comment

Pada kesempatan ini saya mau share tentang cara membuat widget Recent Comment.

Demonya sobat bisa lihat di blog saya ini. Di bagian footer "Komentar". Langsung aja ya sobat caranya :

 

1. Login ke Blogger dengan Akun Sobat.

2. Setelah itu Sobat pilih Tata Letak >> Tambah Gadget >>  Edit HTML /Javascript

3. Lalu Copy Paste Kode dibawah ini pada kotak 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 = 4,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://kampusilmuhikmah.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script>

Keterangan :
Warna Hijau : Jumlah komentar yang ditampilkan
Warna Biru : Ukuran gambar/Avatar
Warna Kuning : Jumlah huruf Komentar
Warna Merah : Ganti dengan URL blog Sobat

4. Terakhir Klik Save /Simpan.