Cara Instan Membuat Widget Comment Box Keren Banget di Blogger

ADDSITE01 - Cara Instan Membuat Widget Comment Box Keren Banget di Blogger - Pada dasarnya sebuah website yang professional harus mempunyai cooment box yang sangat keren dan professional agar bisa menarik perhatian pengunjung untuk berkomentar di website kita.




Widget ini juga ringan jadi tidak perlu khawatir jika blog menjadi lemot ketika dibuka.
Cara ini sudah saya coba dan berhasil. Untuk fungsi widget ini menurut saya adalah untuk menarik perhatian para pengunjung agar ikut serta membaca artikel secara penuh dan berkomentari di setiap konten website kita.

Cara Instan Membuat Widget Comment Box Keren Banget di Blogger


Dibawah ini langkah-langkah memasang widget comment box berikut ini :

1. Masuk ke dashboard blogger
2. Pilih tata letak atau layout
3. Klik Tambahkan Widget → HTML/JavaScript
4. Masukan kode dibawah ini kedalam widget tersebut
5. Terakhir kemudian simpan

 <style type="text/css">    ul.latest_recent_comments{list-style:none;margin:0;padding:0;}    .latest_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;}    .latest_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;}    .latest_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .latest_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
    .latest_recent_comments span{display:none;}</style><script type="text/javascript">//<![CDATA[    // Recent Comments Settings    var    numComments     = 8,    showAvatar     = true,    avatarSize     = 60,    roundAvatar    = true,    characters     = 30,    showMorelink    = true,    moreLinktext    = "More &#65533;",    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",    hideCredits    = true;//]]></script><script src="http://yourjavascript.com/43012082112/truebloggertricks.txt.js"></script><script src="http://www.masakmad.com/feeds/comments/default?alt=json&amp;callback=latest_recent_comments&amp;max-results=5" type="text/javascript"></script>

Catatan :  Ganti warna yang bewarna merah http://www.masakmad.com/ dengan nama website kalian pribadi.

Sekian informasi yang saya berikan tentang Cara Instan Membuat Widget Comment Box Keren Banget di Blogger semoga bermanfaat bagi pengunjung dan kita semua.

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel