Cara Membuat Recent Comments Dengan Avatar

Hai Sobat, kali ini saya akan share " Cara Membuat Recent Comments Dengan Avatar ". Cara ini cocok bagi anda yang ingin membuat widget komentar.
Mau tau caranya... Langsung Ke Tutorialnya...

Cara Membuat Recent Comments Dengan Avatar

1. Masuk Ke Beranda Blogger > Pilih Tata Letak > Tambahkan Widget > Pilih HTML/Javascript
2. Masukkan Kode Di Bawah Ini Kedalam Kotak

<style type="text/css" scoped> 
ul.cak-yit_recent{list-style:none;margin:0;padding:0;} 
.cak-yit_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;} 
.cak-yit_recent li:hover{border: 1px solid #ddd;}
.cak-yit_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} 
.cak-yit_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='leon sion turnip';
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/25250012512/recent-komentar-cak-yit.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=cak-yit_recent&amp;&amp;max-results=50">
</script>

3. Klik Simpan