Cara Mudah dan Keren Menampilkan Komentar Terbaru (Recent Comment) di Sidebar Blog

Komentar adalah pesan yang ditinggalkan atau disampaikan oleh Pengunjung ke Blog kita. Ini sangat penting untuk berkomunikasi dengan pemilik blog. Pemasangan Komentar terakhir di Sidebar Blog adalah salah satu cara untuk memperindah tampilan blog dimana komentar terakhir dari pengunjung blog di setiap artikel akan tampil di sidebar blog kita, banyaknya komentar yang dimunculkan bisa kita atur sendiri.

Jika Sobat ingin menampilkan pada Komentar Terakhir pada Sidebar, berikut adalah langkah-langkahnya:

1. Login ke Blog Sobat

2. Klik Tata Letak (Rancangan)

3. Klik Tambahkan Gadget 

4. Pilih HTML atau Java Scipt

5. Tambahkan Kode Berikut pada HTML atau Java Script : 

<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  = 10,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 150,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwa.js"></script>
<script type="text/javascript" src="http://cakerbatam.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>

* Ingat Edit sesukamu :
numComments  = 10, (jumlah komentar yang ingin  ditampilkan)
avatarSize  = 30, (ukuran  dari gambar profil)
characters  = 150, (jumlah huruf atau karakter yang ingin di tampilkan)
idyoung.blogspot.com ganti dengan Web Sobat

6. Klik Simpan dan Lihat hasilnya.

Demikian yang dapat saya share buat Sobat Blogger Semoga bermanfaat. jangan lupa klik Google Plusnya.