Cara Membuat Recent Coment

Udah lama sekali nih saya ndak pernah upload artikel di diandiki blogspot. Bagi pengunjung diandiki blogspot maaf yah karena sudah lama ndak upload, ini dikarenakan saya lagi sibuk dengan sekolah. Kali ini saya tidak akan mengecewakan pengunjung diandiki blogspot, kali ini saya akan mengupload artikel tentang bagaiman Cara Membuat Resent Coment ( komentar terbaru ) untuk screen shoot anda bisa lihat di atas, untuk demo silahkan lihat di sidebar diandiki blogspot.

Cara Memasang

Baiklah saya akan langsung menunjukkan caranya :

1. Login ke blogger.com
2. Tata letak --> tambah Gadget --> edit HTML

3. copy paste code di bawah ini :

<div style="overflow:auto;width:100%;">
<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: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://diandiki.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>
</div>

Ket:

• Warna Biru ganti dengan junmlah coment yang ditampilkan
• Warna Kuning ganti untuk mengubah ukuran  Foto 
• Warna Merah ganti dengan nama blog anda

4. Langkah terakhir simpan, dann selesai :)

Good Luck