Tuesday 13 October 2015

Tutorial Membuat Recent Comment di Blog

List Recent Comment adalah daftar komentar terbaru yang dipubliskan oleh visitor. Widget ini juga merupakan salah satu widget yang berpengar... thumbnail 1 summary

21:45

List Recent Comment adalah daftar komentar terbaru yang dipubliskan oleh visitor. Widget ini juga merupakan salah satu widget yang berpengaruh untuk meningkatkan SEO. Widget ini menggunakan Javascript, jadi cara Pemasangannya sangat mudah. Berikut ini tutorialnya:

- Pertama-tama login ke blogger
- Klik tata letak
- Tambahkan Widget Baru
- Paste kode berikut

<*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: 35 px;height: 35 px}
.kangismet_recent li span{margin-
top:4px;color: #222;display:
block;font-size: 12px;line-height:
1.4;}

<*script type="text/javascript" src="/
feeds/comments/default?
alt=json&callback=kangismet_recent
&&max-results=50">

Silahkan edit bagian ini sesuai selera

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='Adya Razan' Admin blog