24 Apr 2015

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.

RecentComment
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!

7 komentar:

  1. wah keren gan, masih mikir-mikir di kasih recent comment gak ya enaknya

    ReplyDelete
  2. keren gan, izin download recent comment scriptnya ya mksh

    ReplyDelete
  3. blog ane sepi yang komen gan.. :D
    trus gimana?

    ReplyDelete

Peraturan Berkomentar :

-Dilarang berkomentar unsur Negatif
-Dilarang menyertakan sebuah Link Aktif
-Dilarang Spam
-Dilarang membully

Mohon pengertiannya, apabila ada yang melanggar saya selaku admin Blog tidak segan-segan menghapus komentar anda.
Atas perhatiannya , saya ucapkan terimakasih