Cara Membuat Widget Recent Comment

Cara Membuat Widget Recent Comment

Apa itu Widget Recent Comment?

Widget Recent Comment adalah sebuah widget berupa kumpulan semua Komentar yang ada diebuah blog sehingga pengunjung tetap berada di halaman blognya favoritnya.

Dengan ketentuan agAn juga dapat membuat/mengubah Avatar defaultnya, penambahan scroll, dll.

Berikut Cara Membuat Widget Recent Comment :

1. Login Ke Blogger agAn.

2. Masuk Ke Tata Letak ==> Tambah Gadget ==> HTML/Java Script.

3. Masukkan Semua Kode dibawah ini :

<div style="overflow:auto;width:auto;height:378px;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 = 1000,
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://duatim.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

NB:
1. Ubah Tulisan Wrna Merah sesuai dengan URL blog agAn.
2. Ubah Tulisan Warna Biru sesuai dengan jumlah komentar yang ingin agAn sukai muncul.

4. Simpan

Sangat Mudah Bukan?
Jika ada yang kurang jelaskan maka silahkan berkomentar dibawah ini.

Semoga Bemanfaat ^_^

Belum ada Komentar untuk "Cara Membuat Widget Recent Comment"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel