Cara Membuat Recent Comment By Carania.com

Recent Comment adalah widget yang cukup bagus juga buat di pasang apalagi jika blog anda termasuk blog dengan pengunjung yang banyak.
Carania.com akan memberitahukan bagimana cara membuat recent comment di blogger, ingat y bukan wordpress.. hehe
ini dia tampilan widgetnya :)

Lalu bagimana cara membuat widget recen comment seperti diatas?
1. Buka blog anda di blogger.com
2. Pilih Tata letak
3. Pilih Tambahkan gadget
4. Pilih HTML/Javascript
lalu paste kode di bawah ini

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_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;}
    .w2b_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;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_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 = 5,    showAvatar = true,
    avatarSize = 30,
    roundAvatar = true,
    characters = 30,
    defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>
    <script type="text/javascript" src="http://www.carania.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

ganti http://www.carania.com dengan alamat blog anda

untuk menambah isi yang berkomentar ganti numComments = 5, angka 5 diganti  yang anda inginkan misal 7 maka aka muncul 7 komentar

5. lalu klik simpan

Mudah bukan sob?

jika ada yang mau di tanyakan silahkan berkomentar :)
baca juga
Cara Membuat Recent Post

Related Posts:

Tweet