Membuat Widget Recent Comment Blog Yang Menarik

Membuat Widget Recent Comment Blog yang Menarik, Sebuah blog, selain sebagai wadah menyalurkan gosip juga dapat sebagai ajang untuk saling silaturahmi dan berdiskusi. Maka, pihak blogger pun telah memperlihatkan layanan guna memudahkan penggunanya 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 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, sehabis masuk akun blogger, pilih sajian setting dan pilih layout. Klik Add new gadget. Silakan cari penempatan widget tersebut. Biasanya di sidebar, menyerupai teladan 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 dapat dirubah sesuai kebutuhan.
numComments = 5 (jumlah komentar yang 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 hasilnya.

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

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

Tweet

Subscribe to receive free email updates: