• Kxmadagascar
  • Cleventer-Creation™
  • Blog Johanes
Posted by : Kamikaze Prime ™ Sabtu, 06 April 2013

widget recent comment


Dengan widget ini lebih mudah mengetahui siapa yang baru saja memberikan komentar di postingan blog kita. Widget ini tampilannya cukup menarik karena menampilkan foto menampilkan avatar atau foto dari yang orang yang memberikan komentar,jadii lebih manis kan??he

Untuk Live DEMO sudah saya pasang di blog saya ini,jika tertarik silahkan saja langsung menuju ke TKP.

Untuk langkah-langkahnya adalah sebagai berikut :
1. Seperti biasanya masuk kea kun blog sobat.
2. Pilih tata letak >> tambah gadget >> HTML/JavaScript
3. Silahkan sobat masukan kode di bawah ini

<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://fajar-rahadyan.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

4. Edit terlebih dahulu jika sobat menginginkannya
Ganti angka berwarna merah dengan jumlah komentar yang ingin ditampilkan di halaman utama widget
Ganti angka berwarana biru dengan ukuran gambar avatar yang ditampilkan ( pixel )
Ganti angka berwarna kuning dengan batas maksimum karakter komentar yang ingin ditampilkan
Ganti alamat berwarna hijau dengan alamat url blog sobat masing-masing.
5. Simpan

Setelah di simpan silahkan lihat blog sobat sekarang

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Labels

Saya

Foto Saya
Ku Membuat Blog Ini Agar Bisa Bermanfaat Bagi Semua Orang.

Statistik

Sparkline 2768885
Sparkline 2768885
- See more at: http://fajar-rahadyan.blogspot.com/2013/04/cara-memperbanyak-pengunjung-blog.html#sthash.ybIQVC8w.dpuf

Categories

My Facebook

Benner Friends

Link Sahabat

Translators

Gan mau tukar Link? Copy/paste kode di bawah ini ke blog kamu Gan!

Tips & Tutorial

Join My Group

>

My Banner

Recommend on Google

iklan

Recommend on Google
Semua Ini Karena Allah SWT Dan. Diberdayakan oleh Blogger.

Translate

Popular Posts

Followers

Follow

Blog Archive

Weekly most viewed

- Copyright © 2013 Kamikaze Prime - Powered by Blogger - Original Template By Johanes Djogan - Design By Muh Syaifullah Mhfdz - Some Right Is Reserved -