Membuat Recent Comment dengan Mudah dan Ringan

Sahabat Ngonline06, berikut cara membuat widget new comment atau komentar terbaru yang sangat ringan, mudah, dan menarik. Mengapa kita perlu memberi widget recent comment? Hal itu tiada lain agar kita mengetahui komentar terbaru dari pengunjung blog kita sehingga kita bisa melayaninya dengan baik dan tentunya menjadikan visitor kita jadi betah lo...

Pada kesepatan ini, Ngonline06 akan berbagi caranya. Kode ini adalah milik kucopas.blogspot.com. Ngonline06 memilih ini karena sangat mudah dan tampilannya juga ajiiib dan ringan banget sehingga tak mempengaruhi loading blog sahabat. Ingin lihat bentuknya, langsung aja ke TKP.

DEMO

Maka, sekarang Ngonline06 akan berbagi cara mudah membuat recent comment dengan cukup menggunakan kode html satu untuk semua. Letakkan kode ini di ADD HTML pada layout/tata letak sahabat.

<div style='padding: 5px; overflow: auto; width: auto; height: 200px;border:1px solid #000000'>
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://kucopas-js.googlecode.com/files/RecentCommentAvatar.js"></script>
<script type="text/javascript" src="http://ngonline06.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
</div>

Keterangan:

Ganti kata yang berwarna merah dengan alamat blog sahabat

Semoga bermanfaat dan berhasil ya sahabat Ngonline06 semua dalam membuat recent comment dengan mudah dan ringan ini. Jika ada hal yang belum dipahami, silahkan coret-coret di kolom komentar di bawah.