Cara Pasang Widget Recent Comments no Avatar

Recent Comments no Avatar maksudnya adalah recent comment yang pada saat adminnya menjawab komentar, avatar admin ngga nongol di widgetnya...wes-lah pokoknya keren....kalau tak jelasin pake kata-kata, yang ada malah tambah bingung, mendingan langsung pasang azh yu.
Langkah ke 1
  • Masuk ke blognya
  • Klik Template (Edit HTML)
  • Copas kode dibawah, lalu pasang diatas ]]></b:skin>
/*recentcoment without admin*/ ul.sakahayang_recent_comments{ list-style:none; margin:0; padding:0; overflow:hidden; list-style-type:none} .sakahayang_recent_comments li{ width: auto; list-style-type:none; float:none; height:auto; overflow:hidden; background:#fff url(http://1.bp.blogspot.com/-gxDEu4szUVE/T3buLa03KFI/AAAAAAAACgc/AiJ2FJ00jVo/s320/post.jpg) repeat-x;border:1px solid #ddd;margin:0 0 5px; padding:5px; } .sakahayang_recent_comments li .avatarImage{ padding:3px; float:left;margin:0 6px 0 0; position:relative;overflow:hidden} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px} .sakahayang_recent_comments li img{ padding:0; position:relative; overflow:hidden;display:block} .sakahayang_recent_comments li span{ margin-top:4px; color:#666; display:block; font-size:12px; font-style:italic; line-height:1.4}

Simpan
Langkah Ke 2
  • Klik Tata Letak
  • Tambahkan Gadget
  • Klik HTML/Javascript
  • Copi kode di bawah
<div style="height:376px;overflow:auto;width:100%">
<style type="text/css">
    ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}
    .sakahayang_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;}
    .sakahayang_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .sakahayang_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 15,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=20,
 adminBlog='Cilembu thea';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://www.desacilembu.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script></div>
  • 376 px ganti sesukanya
  • adminBlog= 'Cilembu thea'  ganti dengan google profile anda  Lihat javascript yang paling bawah  http://www.desacilembu.com ganti dengan alamat blog Anda
  • Simpan widget dan lihat hasilnya,,,,
Cara Pasang Widget Recent Comments no Avatar


Reaksi:

Related Posts:

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. BAGI PENGGUNA MOBILE, KLIK What do you think? atau dimana saja pada halaman disqus JIKA HALAMAN DISQUS TIDAK TERBUKA SEMPURNA .
Buka Komentar
© 2017 DESA CILEMBU - Template Created by goomsite - Proudly powered by Blogger