Inilah Menciptakan Widget Recent Comment Blog Yang Menarik

Membuat Widget Recent Comment Blog yaaang Menarik, Sebuah blog, selain sebagai wadah menyaaalurkan warta juga dapat sebagai ajang untuk saling silaturahmi dan berdiskusi. Maka, pihak blogger pun telah memperlihatkan layaaanan guna memudahkan penggunanyaaa biar dapat saling berkomunikasi. Komunikasi antar pengunjung atau visitor maupun antara pengunjung dengan admin blog.

Bagi admin blog, keberadaan sebuah widget guna merangkum tiap komentar terbaru yaaang masuk merupakan hal yaaang 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 hal tersebut, kali ini akan mengulas arahan yaaang harus disematkan pada gadget layout guna menambah widget recent comment.

Tahap Membuat Widget Recent Comment Blog yaaang Menarik

1. Seperti biasa, sesudah masuk admin blogn blogger, pilih hidangan setting dan pilih layout. Klik Add new gadget. Silakan cari penempatan widget tersebut. Biasanyaaa di sidebar, ibarat pola dalam blog tutorial ini.

2. Pastekan arahan 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 dapat dirubah sesuai kebutuhan.
numComments = 5 (jumlah komentar yaaang ditampilkan)
showAvatar = true (false, apabila ingin menyembunyikan avatar)
avatarSize = 35 (ukuran avatar dalam pixel)
roundAvatar = true (avatar bulat)
characters = 40 (jumlah abjad isi komentar)
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm" (avatar default)
adminBlog='Owen paijo' (nama admin, wajib diganti)

Akhiri dengan Save. Lalu lihat hasilnyaaa.

Layaaak baca Berikut Cara Memasang Aneka Kode Warna HTML di Blog.

Cara ini sangat membantu sekali terutama bagi blogger pemula yaaang masih newbi. Semoga bermanfaat.