Cara buat widget komentar Terkini keren

Cara Buat | Pasang widget komentar terkini untuk Blogspot

Sebelumnya kumpulancara bukan bermaksud Nyontek di Blog sobat lainnya, tapi ini murni karena pertanyaan dan permintaan teman2 Blogger lewat Inbox Fb saya " bagaimana buat witget Komentar terkini atau terbaru untuk blog" .
Manfaat pasang widget ini yakni membuat para pengunjung, khususnya blogger meninggalkan jejak, karena ada keuntungan bagi mereka untuk komentar yakni dimana ada saja pengunjung yang penasaran dengan komentarnya dan mendapat kunjungan gratis.
Baiklah mari kita mulai



Pertama
Klik + + Pilih

Kedua
Copy Script Berikut :

<br /> <style type="text/css"><br /> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}<br /> .w2b_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;}<br /> .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;}<br /> .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}<br /> .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}<br /> .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}<br /> </style><br /> <script type="text/javascript"><br /> //<![CDATA[<br /> // Recent Comments Settings<br /> var<br /> <b style="color: red;">numComments = 10</b>,<br /> showAvatar = true,<br /> <b style="color: red;">avatarSize = 50</b>,<br /> roundAvatar = true,<br /> <b style="color: red;">characters = 30</b>,<br /> showMorelink = false,<br /> moreLinktext = "More »",<br /> defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",<br /> hideCredits = false;<br /> //]]><br /> </script><br /> <script style="text/javascript" src="http://kc-kumpulancara.googlecode.com/files/recentcomment.js"></script><br /> <script type="text/javascript" src="<b style="color: red;">http://www.kumpulancara.com</b>/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script><br />

Lalu Pastekan Pada Kolom Html yang dibuka Tadi

Ketiga
Klik Simpan


Keterangan:

numComments = 10

Yakni Jumlah Komentar yang ingin sobat munculkan, sobat silakan ganti semaunya

avatarSize = 50

Besar Avatar, SObat juga bisa sesuaikan dengan keinginan

characters = 30

Jumlah Karakter komentar yang ingin ditampilkan

http://www.kumpulancara.com

Ganti dengan Blog masing masing

SELAMAT Mencoba

Share this post