Cara Membuat Widget New Comment

Cara Membuat Widget New Comment,Cara Membuat Widget Komentar Terbaru
Widget New Comment adalah widget yang menampilkan beberapa komentar terbaru pada blog kita.

Menariknya pada widget new comment ini,jumlah komentar yang ditampilkan bisa diatur sesuai keinginan kita dan menampilkan avatar profil komentator berbentuk bulat.
Memasang widget new comment pada blog dapat memudahkan kita untuk mengetahui siapa saja sobat blogger yang  baru berkomentar pada posting kita.Dan saat kita klik link komentator pada widget new comment ini nantinya akan terus membawa kita masuk pada posting yang di komentari.

Menjawab pertanyaan dari sobat Mozilla88  "Gan cara buat wiget New comment gimana caranya tu...?"

Untuk membuat atau memasang widget new comment seperti pada blog ini,silahkan sobat ikuti langkah-langkah dibawah ini:


1. Klik Design > Page elements > Add Gadget
2. Pilih HTML/JavaScript
3. Copy kode dibawah ini
   dan paste kan kedalam konten HTML/JavaScript

<div style="overflow:auto;width:auto;height:370px;border:2px solid #00FF00; padding:15px; margin:0 auto;background:#000000;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .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;} .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: #c1bebe;display: block;font-size: 12px;font-style: Courier;line-height: 1.4;} </style>
<script type="text/javascript">
 //<![CDATA[
 // Recent Comments Settings
var
numComments = 20,
showAvatar     = true,
 avatarSize      = 30,
 roundAvatar   = true,
characters       = 100,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://reoa-dam-newcoment.googlecode.com/files/newcomment.js"></script> <script type="text/javascript" src="http://tekhnik-blog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

Keterangan :

✽ pada height:370px adalah tinggi kotak komentar terbaru, silahkan ganti sesuai keinginan sobat.
✽ pada #000000 adalah warna background dan #00FF00 adalah warna border,silahkan ganti jika menginginkan warna yang lain.
untuk mencari kode warna sobat bisa klik disini .
✽ numComments = 20
adalah jumlah komentar yang akan di tampilkan,sobat bisa mengganti untuk mengurangi atau menambahkan jumlah komentar yang ingin di tampilkan.
✽ showAvatar = true
adalah kode untuk menampilkan gambar profil,jika sobat ingin menghilangkan gantu text "true" menjadi "false".
✽ avatarSize = 30
adalah ukuran photo profil,sobat bisa menganti dengan ukuran yang sobat inginkan.
✽ roundAvatar = true
adalah kode untuk photo profil komentar berbentuk bundar,jika sobat ingin menampilkan dalam bentuk kotak silahkan ganti "true" menjadi "false".
✽ characters = 100
adalah jumlah karakter huruf komentar yang akan ditampilkan,silahkan ganti sesuai keinginan sobat.
✽ http://tekhnik-blog.blogspot.com ganti dengan alamat URL blog sobat.

4. Klik Save dan lihat hasilnya

Selamat mencoba,semoga tutorial Cara Membuat Widget New Comment ini bermanfaat untuk semua.