Rabu, 13 November 2013

Membuat Recent Comment Dengan Gambar

hohoho .. akhirnya ane post lagi... dan kali ini postnya yg singkat" aje yaa..
yaitu Membuat Recent Comment Dengan Gambar... klo yg belum tau apa itu Recent Comment nih SSnya dari blog ini:

woke.. kalo mau kalian pake langsung saja:
1. Buka Blogger
2. Menutu Tata Letak
3. Tambahkan Gadget
4. Pilih HTML/Javascript
5. Masukan Script berikut didalam kolom yg disediakan:

<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://muamar-kurosaki.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://muamar-kurosaki.blogspot.com//" target="_blank" rel="follow">gw</a></span>

Keterangan : Ganti yg berwarna BIRU itu dengan URL blog kalian

woke.. ude ude .. mudah kan??
semoga bermanfaat... :D

Tidak ada komentar:

Posting Komentar