Cara membuat Recent Coment dengan Scroll dan Avatar [Turorial Blog]

Cara membuat Recent Coment dengan Scroll dan Avatar [Turorial Blog] - Ok shob kali ini saya akan share bagai mana cara membuat recent coment dengan scroll plus avaatar, mudah shob ikuti tutorial di bawah.

Ok seperti gambar di atas, bahwa dengan scroll, komentar yang terlalu banyak pun bisa di tampung dengan tidak memperluas halaman sidebar kita, dan dengan avatar atau gambar yang sudah mengomentari posting kita juga terlihat lebih jelas, begitulah kelebihanya shob, ok saya langsung saja deh shob,

Langkah -langkah  membuat Recent Coment dengan Scroll dan Avatar

1. Seperti biasa login ke bogger shobat

2. Masuk ke menu Lyout/Tataletak =>> Add gadget =>> Pilih HTML/JavaScript

3. Copy Script di bawah.

<div style="overflow:auto; width:100%px; height:250px; padding:0px; border:1px solid #999999;"><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: #00000;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[// Recent Comments Settings  varnumComments = 10,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://www.riefzkios.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script><span style="font-size: 50%">Widget edited by <a href="http://riefzkios.blogspot.com/2013/05/cara-membuat-recent-coment-dengan.html" target="_blank" rel="follow">riefzkios</a></span></div>

5. Simpan dan lihat hasilnya shob

NB: Yang script yang bercetak merah ubah dengan alamat blog shobat

Mungkin cukup sekian saya share Cara membuat Recent Coment dengan Scroll dan Avatar [Turoriak Blog], Semoga bermanfaat buat shobat semua.