Recent comments unik - Sobat IndPras yang baik hati, kali ini saya akan memberikan sebuah tutorial mengenai Recent Comments Unik. yups sesuai dengan namanya Recent Comments unik berbeda dengan dengan recent comment pada biasannya yang hanya menampilakan nama si komentator dan cuplikan komentarnya. Tapi kali ini akan kita tambahkan juga avatar atau fotonya si komentator. agar lebih jelas berikut adalah contohnya

Copyright indpras

Gimana Sob????, Unik bukan. Jika Sobat ingin memasang widget seperti diatas, Yuk coba simak tutor dari saya.

Cara Memasang Recent Comments with Mini Avatar

• Login ke Blogger Sobat, ya iyalah masak Blogger tetangga hehhe (^_^).
• Terus Pilih Tata Letak » Tambah Gadget » Pilih HTML/Javascript,
• Selanjutnya, copy paste Script di bawah ini, kedalam tempatnya

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .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;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 25,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://karyaindpras.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script> 

Keterangan:

5 » Jumlah komentar yang muncul.
30 » Ukuran Mini Avatar yang tampil.
25 » Jumlah karakter komentar yang akan tampil.

http://karyaindpras.blogspot.com/ » Ganti dengan alamat blog Anda masing-masing.