Tips Cara Membuat Recent Comments Pada Blog

Nah Pada kesempatan kali ini Ditha, akan memposting tentang tips dan trik kepada sahabat blogger maniac. langsung saja yah sobat, tips cara membuat "Recent Comments". nah inilah yg ditha bakal posting kali ini.

Langkah-Langkah

1. Login ke Blogger
2. Buat Widget / Gadget baru type HTML/JavaScript
3. Simpan kode 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  = 5,
    showAvatar  = true,
    avatarSize  = 30,
    roundAvatar = true,
    characters  = 40,
    defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    maxfeeds=20,
    adminBlog='Ditha Nakeh TighaBelas';
   //]]>
   </script>
   <script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
   <script type="text/javascript" src="http://ditha-nakeh.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>

4. Perhatikan kode di atas, edit sesuai selera Anda
   numComments  = 5, (jumlah komentar yang ditampilkan)
   showAvatar  = true,
   avatarSize  = 30, (ukuran avatar dalam pixel)
   roundAvatar = true,
   characters  = 40, (jumlah karakter yang ditampilkan)
   defaultAvatar  = " http://www.gravatar.com/avatar/?d=mm", (url avatar)
   hideCredits = true;
   maxfeeds=20, (feed yang di load, harus sama dengan maxfeeds)
   adminBlog='Ditha Nakeh TighaBelas'; (nama tampilan admin)
5. Ganti ditha-nakeh.blogspot.com dengan blog Anda, ganti max-results=20, harus sama dengan maxfeeds
6. Simpan

Penjelasan : maxfeeds adalah jumlah komentar yang di load oleh Json script, termasuk komentar admin. Maka jumlah maxfeeds harus lebih besar dari numComments, dan yang ditampilkan akan disaring tanpa komentar admin.

SEMOGA BERMAFAAT