Recent Comments

RECENT COMMENTS, Cara Mambuat Recent Comments ini sangat mudah dan sederhana. Cara membuat widget komentar terbaru ini saya berinama Recent Comments v.3, masih sama dengan versi sebelumnya recent comments blogger masih memunculkan avatar.

Script Recent Comments original masih buatan Kang Harish Dasari dan diedit oleh Kang Afandi Kusuma. Pada versi sebelumnya, script yang digunakan yaitu dari Kang Asep Sakahayang.

Cara Membuat Komentar Baru Muncul Di Sidebar ini Yang berbeda pada v.3 yaitu clickable area (area yang bisa diklik) bukan hanya pada Nama Komentator, tetapi disekitar avatar, nama, dan isi komentar semuanya clickable. Kelebihan lain v.3 ini yaitu valid HTML5.

Recent Comments Widget For Blogger

Cara pemasangannya sangat mudah, yaitu buat widget baru HTML/JavaScript dan simpan kode ini didalamnya.

<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='Kang Katrok';
//]]>
</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&amp;callback=kangismet_recent&amp;&amp;max-results=50">
</script>

Kostumisasi
Untuk membuat tampilan berbeda, silahkan edit CSS diatas. Penjelasan script yang bisa dikostumisasi :
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 = 'Kang Ismet' (nama admin blog, wajib diganti)

Catatan Update :

V.1 - 11.01.2012

• Released
• Script by Harish Dasari

V.2 - 14.05.2012

• Script modified by Asep
• Removed Admin Comments

V.3 - 15.09.2013

• Script modified by Afandi Kusuma
• Expanded clickable area
• Fixed HTML5 validation issues by Kang Ismet