Cara Menambahkan Recent Comments di Blog

Kebanggaan para blogger rata-rata terletak pada banyaknya pengunjung sekaligus seberapa banyak komentar para pengunjungnya terhadap blog atau kontent yang mereka buat. Dan biasanya pula kontent yang berbobot tentunya akan mengundang visitor untuk menorehkan komentar di dalamnya. Makanya banyak para blogger sangat-sangat memperhatikan konten-konten yang mereka buat untuk konsumsi publik.

Nah, bagaimana cara melihat seberapa banyak komentator yang telah berkomentar di blog kita. Tentunya dengan melihat satu demi satu konten atau bisa dari email yang kita konfigurasi sebelumnya. Namun bagaimana cara kita memantau komentar-komentar terakhir yang para pengunjung berikan di berbagai kontent kita? 

Dalam hal ini, kita bisa menggunakan cara menambahkan recent comments di blog dengan cara-cara sederhana saja. Diantaranya adalah dengan menggunakan widget bawaan Blogger, dan caranya bagaimana? Sangat mudah. Ikuti saja langkah-langkahnya di bawah ini :

1. Masuk ke akun Blogger kalian

2. Pilih Tata Letak -> Tambahkan Gadget

3. Setelah halaman add widget terbuka, silahkan pilih Gadget -> Search "Top Comments"

4. Jika sudah ketemu, silahkan ganti Judul, Ketinggian, Jumlah komentar yang ditampilkan, dan panjang.

5. Simpan

Trik atau cara menambahkan Recent Comments bisa dengan script di bawah ini :

<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  = 30,
characters  = 30,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://nemukabar.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Script di atas bisa kalian letakkan pada halaman HTML/JavaScript dengan cara :

1. Login ke akun Blogger kalian

2. Pilih Tata Letak -> Tambahkan Gadget

3. Pilih HTML/JavaScript

4. Copas saja script di atas dan SIMPAN.

Catatan : Silahkan kalian ganti defaultAvatar dengan ulr gambar avatar kalian masing-masing dan nemukabar.blogspot.com bisa kalian ganti dengan alamat blog kalian masing-masing ya.

Sangat mudah kan, Selamat mencoba dan semoga berhasil ya. Salam blogger dan kalian telah berhasil membaca konten tentang Cara menambahkan Recent Comments di Blog Blogger. Salam jumpa kembali dalam tutorial blogger lainnya.