Membuat Widget Recent Comment Blog yang Menarik

Membuat Widget Recent Comment Blog yang Menarik, Sebuah blog, selain sebagai wadah menyalurkan informasi juga bisa sebagai ajang untuk saling silaturahmi dan berdiskusi. Maka, pihak blogger pun telah memberikan layanan guna memudahkan penggunanya agar bisa 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 kode 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, seperti contoh dalam blog tutorial ini.

2. Pastekan kode 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> <script type="text/javascript"> //<![CDATA[ var numComments = 5, showAvatar = true, avatarSize = 35, roundAvatar = true, characters = 40, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; maxfeeds=50, adminBlog='Owen Paijo'; //]]> </script> <script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50"> </script>

Beberapa poin bisa 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 karakter 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.