Cara memasang widget top komentator di blog

1. Langkah pertama login ke blogger.
2. kemudian menuju ke Tata Letak.
3. Klik tab Elemen Halaman.
4. Tambah Gadget (Add Gadget) → pilih yang HTML/Javascript.
5. Kemudian masukkan kode script dibawah ini :

<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  = 6,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 45,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=30,
 adminBlog='FianetMu';
//]]>
</script>
<script type="text/javascript" src="http://google-js.googlecode.com/files/rcno.js"></script>
<script type="text/javascript" src="http://www.fianetmu.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>

6. Lalu Simpan/Save
Note : Angka yang berwarna merah adalah Jumlah Komen yang ingin di tampilkan di widget
          dan tulisan yang berwarna biru ganti dengan alamat blog kalian.

Share this

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Share this with short URL Get Short URL