Cara Membuat Recent Comments Dengan Gambar Avatar Di Blog

Dalam pembuatannya sebenarnya sangat mudah jadi akoe sarankan kepada sobat blogger untuk memasangnya.Widget recent comments ini banyak dipakai oleh sobat blogger yang lainnya,meskipun di blog ini tidak ada widget recent comments dikerenakan halaman blog ini sudah penuh namun sengaja akoe membantu sobat blogger yang belum punya widget ini di blognya dan ingin memasangnya.

Untuk memasangnya dan membuatnya silahkan sobat blogger ikuti langkah-langkah seperti berikut ini:

1.    Login ke Blogger

2.    Klik Rancangan

3.    Klik Elemen Laman

4.    Klik Tambah Gadget

5.    Pilih opsi HTML/Java Script

6.    Copy kode HTML di bawah ini dan paste-kan di dalamnya

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

 roundAvatar = true,

 characters  = 40,

 showMorelink = false,

 moreLinktext = "More »",

 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://tjoretan-akoe.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script>

7.    Simpan

Keterangan :

Ganti http://tjoretan-akoe.blogspot.com dengan url blog sobat

NumComments  = 5 >>>angka 5 merupakan jumlah komentar terbaru yang akan dimunculkan/ditampilkan,sobat bisa saja menggantinya sesuai kebutuhan.