Membuat Widget Komentar Dengan Avatar

Koyo Kaki Happy Life Detok Murah, Klik Untuk Informasi

Wah baru sempet nih update disini.. 

Ok sobat maktabah online semuanya, tips saya kali ini yang ingin saya bagikan adalah cara membuat recent post widget komentar dengan avatar, nah hasilnya lihat deh di bilah kanan webblog saya ini pada kolom tanggapan pembaca ...

Caranya gampang :

1. login di blogger

2. lalu masuk ke tata letak

3. tambah gadget

4 kemudian copas script berikut ini :

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

characters  = 60,

defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9R4N8GPGLKUpDTd5p_sb4f7DAsjd1j71Ge_ZbZ-S89XXec4_DQVeeTP9kMp7zyJLacIGsetTzw8I4bweiGu_MkmpBxET_BLwVI52mUrYiwsNALBHo_vvAncgsFUWzWsUhAl-9_EGod2A/s320/hanger+jahe+karomah+berisi.jpg",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://badilah.googlecode.com/files/recentcomment.js"></script>

<script type="text/javascript" src="http://maktabahabuiram.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

5. Ganti dengan URL blog mu yang saya beri warna merah dan garis bawah, lalu Save

6. Lihat hasilnya.. 

Nah gampangkan ? 

selamat mencoba ..