Cara Membuat Komentar Terbaru Dengan Avatar

Cara Membuat Komentar Terbaru Dengan Avatar - widget ini menampilkan komentar terbaru diblog sobat, widget ini sering dikenal dengan Recent Comments. Selain menampilkan komentar terbaru, juga terpampang foto profil yang berkomentar. Tertarik menggunakan widget Recent Comments. Langsung saja simak berikut ini :

• Langkah 1. Dashboard > Tata Letak > Tambahkan Gadget. > HTML/Javascript.
• Langkah 2. Masukan Kode Berikut .

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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,
characters  = 30,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://hfr-xp.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

• Langkah 3. Simpan.

Note: 
5 adalah jumlah komentar yang akan ditampilkan. ganti semau sobat.
http://hfr-xp.blogspot.com komentar yang akan sobat tampilkan, ganti dengan Alamat Blog Sobat

Mudahkan sob, terima kasih sudah membaca artikel  Cara Membuat Komentar Terbaru Dengan Avatar, dan terima kasih sudah berkunjung. Jika ada kesulitan tanyakan di kolom komentar.

Semoga Bermanfaat.