Cara Membuat Widget Komentar Terbaru ( Recent Comment ) di Blog

Cara Membuat Widget Komentar Terbaru ( Recent Comment ) di Blog

Assalamualaikum...
KENEONO - Dikesempatan kali ini saya akan share Cara Membuat Widget Komentar Terbaru ( Recent Comment ) di Blog. Dengan membuat widget komentar di blog mungkin blog sobat akan menjadi lebih kece. Seperti diblog Kene Ono ini. hehehe...

Berikut Cara Membuat Komentar Terbaru ( Recent Comment ) di Blog :
  1. Silakan masuk dashboard blog sobat > pilih menu Tata letak > dan Tambahkan Gadget > Pilih Gadget HTML/JavaScript.

  2. Setelah itu Isi Judul dan masukkan script dibawah ini dengan mode HTML. ( Jangan lupa link https://keneono.blogspot.com ganti dengan link blog sobat ).

    <style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:20px 20px 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 = 60,
    defaultAvatar = "http://2.bp.blogspot.com/-6pCCeOe7wKA/UKRn7f0MK7I/AAAAAAAAB3s/oWt1dVVzc5Y/s1600/gravatar.jpg",
    hideCredits = true;
    maxfeeds=20,
    adminBlog='Dedi Islafuddin';
    //]]>
    </script>
    <script type="text/javascript" src="https://cdn.rawgit.com/dedi96/keneono/9b372662/recentcomment.js"></script>
    <script type="text/javascript" src="https://keneono.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>

  3. Terakhir Simpan. Selesai, coba lihat di blog sobat pasti ada widget komentar terbaru.
Sekian Artikel kali ini tentang Cara Membuat Widget Komentar Terbaru ( Recent Comment ) di Blog, Semoga bermanfaat...
Jika artikel ini bermanfaat bagi sobat tolong support dengan donasi klik iklan yang ada di blog ini.
Terimakasih...
Jangan lupa tinggalkan jejak.
Wassalamualaikum...
Baca Juga
SHARE
Subscribe to get free updates

Related Posts

8 komentar

  1. artikelnya menarik
    jangan lupa kunjungan balik ya
    http://widbell.blogspot.co.id/

    BalasHapus
  2. terimakasih , sudah sy coba ..work di blog sy

    BalasHapus
  3. Gan saya izin share ya. saya mau nanya cara mendapatkan skrip ini bagaimana ya gan? script style='text/javascript' src='https://cdn.rawgit.com/dedi96/keneono/7abd0c02/recentpost.js'>/script>

    BalasHapus
    Balasan
    1. oke siap . script js nya di upload di github om.

      Hapus
  4. makasih gan Informasi nya, untuk pasang komen FB gimana ya ??

    bimaanggana.blogspot.com

    BalasHapus

Posting Komentar

>> PERHATIKAN !!! <<

- Gunakan kata-kata yang bijak saat berkomentar ya sob.
- Berkomentar dengan Foto <i rel="image">URL_GAMBAR</i>
- Berkomentar dengan Code HTML silakan Parse dulu.