Cara Membuat Widget Komentar Terbaru

Memiliki blog dengan gaya moderasi komentar merupakan salah satu cara untuk mengetahui dan menyetujui setiap komentar pengunjung yang masuk. Tapi tidak semua blog menerapkan cara tersebut, banyak juga kita temukan blog yang menyajikan komentar tanpa moderasi dan dapat juga dikomentari oleh Anonym (tanpa nama/akun google). Hal ini dapat menyebabkan banyaknya komentar masuk yang tidak kita ketahui dan tanpa penyaringan moderasi. Nah..,untuk mengatasi hal tersebut, berikut ini saya sajikan Cara Membuat Widget Komentar Terbaru yang dapat menampilkan komenter terbaru pada postingan yang ada di blog anda, sehingga anda tidak perlu memeriksa satu persatu postingan untuk mengetahui adanya komentar masuk, melalui widget ini anda sudah dapat menemukannya.


Cara pemasangan :
- Masuk ke akun blog anda.
- Klik Tata Letak/Layout.
- Klik Tambahkan Gadget/Add Gadget.
- Pilih HTML/Javascript.
- Pastekan kode dibawah ini disini.

<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <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: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style>
<script type="text/javascript">
 //<![CDATA[
 // Recent Comments Settings
var
numComments = 10,
showAvatar     = true,
 avatarSize      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://www.madeputra.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

- Ganti tulisan ORANGE sesuai dengan lebar lokasi penempatan widget ini.
- Ganti tulisan BIRU dengan jumlah komentar yang ingin ditampilkan.
- Ganti tulisan HIJAU dengan jumlah karakter/huruf yang ingin ditampilkan.
- Ganti tulisan MERAH dengan nama blog anda.
- Simpan.
- Selesai.


Semoga Bermanfaat...
Previous
Next Post »
Terimakasih telah berkunjung dan memberikan komentar