Cara membuat widget recent comment dengan gambar

Hei sobat katsu lovers,kali ini gw akan share trick baru ni yaitu dengan kategori,TRICK BLOG,haha

tau recent comment?? itulo..... yg sebelah kanan widget gw ini,yg nama widget nya "komen"

gimana masih belum tau juga?? okedeh gw kasih screen shot nya nih....

Gimana?? udah taukan?? apa itu recent komen??
nah pada kali ini gw akan membahas sedikit trick ini,recent komen adalah widget yang menampilkan jumlah komentar kita,fungsi nya agar kita tau,siapa yang lagi komen di postingan kita,nah pada kali ini widget recent komen nya dengan gambar,yaitu gambar siapa yg lagi komen,contoh nya seperti gambar di atas ada kan?? gambar orang komen nya?? nah penasaran?? apa ingin mencoba?? yap,walau pun trick ini udah lama bget bahkan sebelum gw lahir XD haha,oke deh yang mau coba yuk...


1.Login ke blogger masing masing
2.Pilih "TATA LETAK"
3.Pilih "ADD WIDGET/GADGET"
4.Pilih widget yang judul nya "JAVASCRIP/HTML"
5.Masukkan kode di bawah ini di dalam nya

<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    varnumComments = 4,showAvatar  = true,avatarSize  = 30,characters  = 60,defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",hideCredits = true;//]]></script><script type="text/javascript" src="http://super-bee-recent-comment-avatar.googlecode.com/files/rcentcmmntavr.js"></script><script type="text/javascript" src="http://katsufirst.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script><span style="font-size: 50%">Widget edited by <a href="http://creative-mass.blogspot.com/" target="_blank" rel="follow">C-C</a></span>

KETERANGAN:
Kode biru: itu adalah jumlah komentar yang di tampilkan,ganti dengan angka sesuka kalian
Kode orange : dan itu adalah ukuran gambar/poto nya,bisa dirubah sesuka kalian
Kode hijau : Ganti dengan URL blog kalian

Huffff.... sekian dulu ya??
pada postingan kali ini
Copas?? sertakan sumber nya karena postingan ini bukan copas!!
See you

Sumber : katsu

Related Post: