Membuat Widget Recent Comment Blog yang Menarik

Membuat Widget Recent Comment Blog yang Menarik, Sebuah blog, selain sebagai wadah menyalurkan gosip juga mampu sebagai ajang untuk saling silaturahmi dan berdiskusi. Maka, pihak blogger pun telah menunjukkan layanan guna memudahkan penggunanya semoga mampu saling berkomunikasi. Komunikasi antar pengunjung atau visitor maupun antara pengunjung dengan admin blog.

Bagi admin blog, eksistensi sebuah widget guna merangkum tiap komentar terbaru yang masuk merupakan hal yang penting. Agar senantiasa tetap terhubung dengan pengunjung dan dalam rangka mempertahankan mereka untuk tetap menjadi pembaca setia.

Artikel pilihan Cara Menempatkan Iklan Adsense dengan Sekali Klik.

Maka dari itu, kali ini akan mengulas isyarat yang harus disematkan pada gadget layout guna menambah widget recent comment.

Tahap Membuat Widget Recent Comment Blog yang Menarik

1. Seperti biasa, setelah masuk akun blogger, pilih menu setting dan pilih layout. Klik Add new gadget. Silakan cari penempatan widget tersebut. Biasanya di sidebar, menyerupai pola dalam blog tutorial ini.

2. Pastekan isyarat berikut pada area HTLM/Java script.

<style type="text/css" scoped>  ul.kangismet_recent{list-style:none;margin:0;padding:0;}  .kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px   !important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent; border-radius:9px; max-height: 100px;}  .kangismet_recent li:hover{border: 1px solid #ddd;} .kangismet_recent a {text-decoration:none;} .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;width:35px;height:35px}  .kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}  </style>

Beberapa poin mampu dirubah sesuai kebutuhan.
numComments = 5 (jumlah komentar yang ditampilkan)
showAvatar = true (false, apabila ingin menyembunyikan avatar)
avatarSize = 35 (ukuran avatar dalam pixel)

Rekomendasi

roundAvatar = true (avatar bulat)
characters = 40 (jumlah huruf isi komentar)
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm" (avatar default) adminBlog='Owen paijo' (nama admin, wajib diganti)

Akhiri dengan Save. Lalu lihat hasilnya.