Senin, 10 Desember 2012

Membuat Widget Komentar Dengan Avatar

| Senin, 10 Desember 2012 | 1 komentar

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  = "http://2.bp.blogspot.com/-ZiHJkFiKcQs/TuxkWhexU-I/AAAAAAAAACM/ma_u9BdEfEw/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 .. 

Ditulis Oleh : muhammad yusuf ~ Blog Pribadi Abu Iram Al-Atsary

Selamat, Anda sedang membaca artikel saya yang berjudul Membuat Widget Komentar Dengan Avatar - Artikel ini diposting oleh muhammad yusuf pada hari Senin, 10 Desember 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Jangan lupa like ke akun facebook anda untuk berbagi - Kritik dan saran dapat anda sampaikan melalui Buku Tamu Kami. By. Abu Iram Al-Atsary.

1 komentar:

Mobile App Developers mengatakan...

Nice post, things explained in details. Thank You.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Tulis Komentar Anda Disini:

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com