Recent Comments With Avatar

     Ya kalau recent comments blog kamu ada avatarnya, itu lebih menarik bukan? Di postingan kali ini saya ingin share aja untuk kalian yang suka blogging. Kalau kalian ingin pasang recents comments dengan avatar, caranya sangat mudah. Kalian tinggal buka Tata letak pada blog kamu, lalu buka HTML/javascript dan copy-paste kan script berikut :

<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 = 4,

showAvatar = true,

avatarSize = 60,

roundAvatar = true,

characters = 40,

showMorelink = false,

moreLinktext = "More »",

defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",

hideCredits = false;

//]]>

</script>

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>

<scripttype="text/javascript"src="http://budi-darmawan.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script>

     Jangan lupa ganti tulisan yang berwarna biru itu dengan alamat blog kamu. Nah, kalau sudah lalu simpan, lalu liat hasilnya. Selamat mencoba !