Cara Membuat Widget Comment Box Keren di Blog

Cara Membuat Widget Comment Box Keren di Blog - Halo selamat malam, kali ini saya akan membagikan tutorial untuk membuat widget comment pada blog. Widget Comment ini cukup bagus menurut saya dengan thumbnail berbentuk lingkaran dari foto pengunjung yang berkomentar di sebuah postingan. Cara memasangnya pun sangat mudah, jadi tidak perlu khawatir tidak bisa, dan cara ini sudah saya coba dan berhasil. Untuk fungsi widget ini menurut saya adalah untuk menarik pengunjung agar ikut serta membaca artikel yang dikomentari. Widget ini juga ringan jadi tidak perlu khawatir jika blog menjadi lemot ketika dibuka. Dan untuk demo widgetnya sudah ada digambar diatas.

Jika kalian tertarik untuk memasangnya silahkan ikuti tutorial berikut ini :

1. Masuk ke dashboard 

2. Pilih tata letak

3. Klik Tambahkan Widget → HTML/JavaScript

4. Masukan kode dibawah ini kedalam widget tersebut

 <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.mastahbloging.com/feeds/comments/default?alt=json&amp;callback=latest_recent_comments&amp;max-results=5" type="text/javascript"></script>

4) Simpan 

Catatan

numComments     = 8  adalah Jumlah Komentar  characters     = 30 adalah Jumlah Huruf src="http://www.mastahbloging.com/ adalah Link Blog

Mungkin itu saja untuk Cara Membuat Widget Comment Box Keren di Blog, jika ada yang kurang jelas silahkan ditanyakan. Semoga artikel ini bermanfaat dan terima kasih.