Membuat Recent Comment dengan Avatar

Membuat Recent Comment dengan Avatar  -  Kali ini saya akan membahas secara singkat bagaimana cara membuat widget recent comment dengan avatar untuk blog. Fungsi widget ini akan menampilkan komentar terbaru secara otomatis ditambah avatar, yang dimaksud avatar adalah gambar profil orang yang berkomentar.

Berikut cara Membuat Recent Comment dengan Avatar à

1. Login ke blog anda.

2. Pilih Rancangan à Add Gadget à HTML/JavaScript.

3. Copy kode di bawah ini. SCRIPT BY BLOGGERBUGIS

<div style="overflow:auto;width:300px;"><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: none;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[// Recent Comments SettingsvarnumComments = 5,showAvatar = true,avatarSize = 40,roundAvatar = true,characters = 100,defaultAvatar = "",hideCredits = true;//]]></script><script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script><script type="text/javascript" src="http://ingin-baca.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script></div>

Sekarang perhatikan baik-baik kode yang berwarna hijau.

width:300px; (sesuaikan dengan lebar, supaya mudah ubah saja jadi 100%)

numComments (jumlah komentar yang ingin ditampilkan)

avatarSize (ukuran avatar atau gambar profil)

characters (jumlah kata pada komentar yang ingin ditampilkan)
http://ingin-baca.blogspot.com Ganti dg URL blog anda .

Demikian cara Membuat Recent Comment dengan Avatar 

Sumber:  Bloggerbugis

_:: SELAMAT MENCOBA ::_