Cara Memasang Widget Recent Comments di Blog

Selamat malam! kali ini saya akan share tentang Cara Memasang Widget Recent Comments di Blog. Recent comments atau komentar terakhir berfungsi untuk memperlihatkan komentar terakhir dari pengunjung blog Anda, widget ini di lengkapi dengan gambar avatar pengunjung yang berkomentar.

Berikut Cara Memeasang Widget Recent Comments di Blog
1. Login ke blogger
2. Pilih tata letak -> tambah gadget
3. Cari dan klik HTML/JavaScript
4. Copy dan pastekan kode di bawah ini

<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  = 40,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B-mSBnBBld1KSWpkNmJfQ3BxVTA/recentcomments.js"></script>
<script type="text/javascript" src="http://fajrimansyahshare.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script>

5.Simpan (script by way2blogging)

Catatan :
Kode yang di beri warna biru bisa anda di ubah sesuai selera

1. numComments  = 5, (adalah jumlah komentar yang ingin di tampilkan)
   showAvatar  = true,
   avatarSize  = 40, (ukuran gambar avatar)
   roundAvatar = true,
   characters  = 40, (jumlah kata yang akan disingkat ketika di tampilkan)
2. http://fajrimansyahshare.blogspot.com ganti dengan alamat blog anda

Sekian artikel mengenai Cara Memasang Widget Recent Comments di Blog. Semoga bermanfaat!