Cara membuat recent coment (komentar terbaru) di blog.

Cara memasang recent coment di blog ~ Widget ini sangat di butuhkan di blog kita, untuk memudahkan pengunjung ataupun kita untuk melihat berbagai macam komentar yang baru saja di kirim oleh pengunujung. Recent coment yang saya bagikan kali ini dilengkapi oleh thumbnail ( gambar ) orang yang mengirimkan komentar tersebut, sehingga kita lebih mengenal orang yang mengirimnya, selain itu masih banyak kelebihan recent coment yang kali ini.

Cara memasang :

1. tentunya anda harus login terlebih dahulu ko blog anda.
2. anda pergi ke tata letak --> tambah widget --> HTML java scrip.

3. Lalu anda 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 Hijau anda tukar dengan jumlah recent post yang anda inginkan
• Warna Merah =  digunakan untuk mengunakan gambar atau tidak, jika tidak menggunakan gambar anda tukar kode di atas dengan false
• Warna Orange di tukar untuk ukuran gambar
• Warna kuning di tukar dengan nama blog anda

 4. Jika semua Proses di atas selesai silahkan anda klik tombol simpan
5. Dan selesai :)