Saturday, 4 March 2017

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...

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

8 komentar

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

terimakasih , sudah sy coba ..work di blog sy

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>

oke siap . script js nya di upload di github om.

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

bimaanggana.blogspot.com

>> 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.