Cara menambahkan recent comment + 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
    var
numComments = 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://katsufirst.blogspot.com//" target="_blank" rel="follow">Katsu</a></span>

KETERANGAN:
Kode merah: 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

Anda Sekarang Sedang Baca Artikel Tentang Cara menambahkan recent comment + gambar Anda Bisa Menemukan Artikel Cara menambahkan recent comment + gambarSaya Ini, dengan url https://ekamaroo.blogspot.com/2013/11/cara-menambahkan-recent-comment-gambar.html, Kamu Juga Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Cara menambahkan recent comment + gambar ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Sumbernya : Cara menambahkan recent comment + gambar

Backlink Please !

URL

Code For Forum

HTML Code <a href='https://ekamaroo.blogspot.com/2013/11/cara-menambahkan-recent-comment-gambar.html' target='_blank'>Cara menambahkan recent comment + gambar</a>