Saturday, January 26, 2013

Cara membuat Recent Comments pada blog


Cara membuat Recent Comments pada blog
Cara membuat Recent Comments pada blog

Step pemasangan :
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='Jasonda Lazuardy';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://sonz-share.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>

3. 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='Jasonda Lazuardy'; (nama tampilan admin)

4. Ganti sonz-share.blogspot.com dengan blog Anda, ganti max-results=20, harus sama dengan maxfeeds
5. 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.

No comments:

Post a Comment