Cara Membuat Recent Comment Keren Dengan Avatar Untuk Blogger

Sabila Network - Di kutip dari blog.kangismet.net Berikut adalah cara membuat recent comment keren. Recent comment ini sudah valid html5, dan setiap komen sudah dilengkapi dengan avatar masing-masih dari yang komen. Cekidot...

1. Masuk Ke blog anda
2. Masuk Dasbhor, pilih tata letak > Tambah gidget > Pilih HTML/JavaScript
3. Copy Pastekan kode html di bawah ini.

<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='sabila';
//]]>
</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>

Kostum Kode:

Edit Sesua Keinginan, berikut keterangan dari kode-kode yang ada di atas :

• 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='Sabila' (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