Widget Stylish Recent Comment untuk Blog

Oleh Roronoa Alwei

Sabtu, 12 Maret 2016

Bagikan :

Tweet

Setiap blogger pasti ingin blognya terlihat indah dan professional, nah ini salah satu widget yang banyak blogger pakai.
Dengan widget ini kita dapat menunjukkan pengunjung kami komentator terbaru dan komentar mereka.
Widget ini juga memunculkan penampilan yang lebih profesional untuk blog Anda karena hal itu juga menunjukkan thumbnail avatar bersama dengan komentar.
Widget ini tidak memakai JQuery atau Javascript sehingga tidak akan mempengaruhi kecepatan loading blog Anda.
Anda dapat melihat bahwa banyak blog populer memiliki komentar baru-baru ini widget di sidebar mereka itu karena menarik pengunjung untuk berkomentar di situs.
 Ini adalah harus menggunakan widget seperti yang Anda lihat widget ini di footer kami juga.
Jadi jika Anda suka widget ini dan ingin menambahkannya ke blog Anda kemudian mulai bergulir jari Anda di atasnya.


DEMO

Nah untuk anda yang ingin memasang widget ini caranya mudah

1.login blogger>tata letak>tambah gadget>HTML/Javascript
2. Copy yang dibawah ini

<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/12251714239/mybloggerbuzz-com.js"></script><script src="http://bbmudah.blogspot.com/feeds/comments/default?alt=json&amp;callback=latest_recent_comments&amp;max-results=5" type="text/javascript"></script>

nah pada bagian yang ditandai biru anda ganti dengan blog anda

Jika anda ingin memakai widget seperti di foto klik > (Widget Menu Tab View untuk blog)
karena html ini hanya untuk recent comment saja.

Jika anda masih bingung silahkan komentar pada postingan ini
Semoga Artikel ini bermanfaat untuk para blogger.
Sekian dan terimakasih telah berkunjung ke blog ini

Tag : Widget Blog