Cara Membuat Recent Comment di Blog

Cara Membuat Recent Comment di Blog - Hay Sahabat Azbunz, kali ini saya akan membagikan tutorial tentang Cara Membuat Recent Comment di Blog. Recent Comment dalam bahasa Indonesia berarti Komentar Terbaru, Kegunaan untuk Membuat widget Recent Comment di blog adalah untuk memudahkan kita melihat siapa yang berkomentar di blog kita. Jadi, dengan adanya Recent Comment ini kita tahu jika ada komentar terbaru. Di bawah ini adalah contoh Recent Comment milik saya.

Mau widget seperti diatas? Caranya cukup mudah, ikuti cara dibawah ini sebagai berikut.

1. Log In di blogger sobat
2. Klik Tata Letak/Layout ==> Tambahkan gadget/Add gadget ==> HTML/JavaScript.
3. Selanjutnya Copy kode HTML dibawah ini lalu paste di HTML/JavaScript

<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://future404-azbunz.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

CATATAN : Ganti warna merah dengan Url blog sobat.

4. Simpan

Sekian tutorial yang dapat saya berikan tentang Cara Membuat Recent Comment di Blog. Semoga bermanfaat bagi yang menerapkannya. Jika sobat suka dengan artikel ini tolong Like dan Share ke teman-teman sobat. Terima Kasih!