Cara Membuat dan Memasang Recent Comment Bergambar di Blog

Recent comment merupakan komentar-komentar terbaru yang ditulis oleh visitor blog maupun admin blog. Widget recent comment sejauh ini tidak disediakan oleh Blogger, sehingga apabila kita ingin memasangnya, kita harus membuatnya sendiri. Manfaat widget recent comment ini sangat banyak sekali. Salah satunya adalah dapat memberikan kemudahan bagi admin blog untuk mengetahui komentar-komentar yang baru saja diberikan oleh visitor blog. Selain itu, eksistensi widget recent comment juga dapat mempercantik performa blog kita. Kita bisa memasang widget tersebut di sidebar blog ataupun dihalaman khusus untuk recent comment. Semua itu terserah anda, karena selera masing-masing orang berbeda. Jangan lupa baca juga ya Cara Pasang Game Online di Blog dengan Mudah.

Dalam kesempatan kali ini, saya akan share informasi tentang bagaiamana Cara Membuat dan Memasang Widget Recent Comment, lebih spesifiknya recent comment bergambar, yang mana selain nama komentator yang ditampilkan, juga foto / avatar komentator juga ditampilkan. Berikut merupakan contoh widget recent comment bergambar.

Untuk membuatnya, caranya relatif mudah. Silahkan anda ikuti tutorial yang akan Admin Ririn's Blog jelaskan berikut ini. Mohon disimak baik-baik ya agar tidak salah dalam mempraktekkanya. Baca juga yang ini Cara Membuat Link pada Gambar dengan Mudah.

Cara Membuat dan Memasang Recent Comment Bergambar di Blog

1. Silahkan Log in terlebih dahulu di blogger. Kemudian silahkan anda menuju Dashbor.

2. Silahkan pilih Menu Tata Letak, kemudian pilih Tambah Gadget. Setelah itu, silahkan Pilih Tambahkan Widget HTML/JavaScript.

3. Langkah selanjutnya silahkan Copy seluruh kode berikut ini dan Paste-kan kedalam Widget HTML/JavaScript. Kemudian Klik Save dan lihat hasinya.

<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, /* Jumlah yg ditampilkan */
showAvatar  = true,
avatarSize  = 30,/* ukuran icon gambar */
characters  = 60, /* Jumlah ringkasan */
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true; /* ringkasan yang di tampilkan */
//]]>
</script>
<script type="text/javascript" src="http://creativeblog.googlecode.com/files/recent%20comment.js"></script>
<script type="text/javascript" src="http://ririnx.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>

Keterangan:

Kode warna biru adalah jumlah komentar yang ditampilkan

Kode warna kuning adalah ukuran gambar komentator

Kode warna ungu adalah jumlah karakter tulisan komentar

Kode warna hijau adalah ringkasan komentar yang ditampilkan, apabila ringkasan komentar tidak ingin ditampilkan, silahkan ganti dengan false

Kode warna merah adalah alamat url blog anda

Demikian panduan tentang Cara Membuat dan Memasang Widget Recent Comment atau Komentar Terbaru untuk Blogspot yang dapat saya sampaikan untuk anda sekalian. Semoga dapat bermanfaat untuk anda. Selamat mencoba dan semoga berhasil. Salam. Jangan sampai ketinggalan update artikel menarik lainnya di Ririn's Blog tentang Tips Menulis Artikel Bermutu Tinggi.

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg