Lompat ke konten Lompat ke sidebar Lompat ke footer

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 ^_^
Pernando Harianja
Pernando Harianja Pendiri dan Pengelola di InfoLoh.com, yang hobby dalam pembuatan Program Komputer, dan ngeBlog. Untuk kenal lebih dekat Follow IG saya: @pernando_harianja

Posting Komentar untuk "Cara Membuat Widget Recent Comment"