Cara menampilkan komentar terakhir di sidebar blog atau komentar terbaru di sidebar widget blog atau blog adalah salah satu cara untuk mempercantik tampilan blog dimana komentar terakhir dari pengunjung blog di setiap artikel akan muncul di sidebar blog kita, jumlah komentar yang terangkat. Bisa kita atur sendiri, sebagai contoh bisa dilihat sidebar kanan untuk blog ini saya tampilkan 5 blog terakhir pengunjung blog, sedangkan untuk anda silahkan tentukan sendiri jumlah komentar terakhir anda yang akan di tampilkan. Caranya akan dibahas di bawah ini. Jadi, baca sampai akhir dan berikan komentar anda.
Berikut cara pemasangan widget recent comment / komentar terakhir
- Pilih Rancangan / Rancangan
- Add a Gadget / Pilih gadget
- Pilih Html / Java Script
- Copy dan pastekan script berikut :
<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 = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 100,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwa.js"></script>
<script type="text/javascript" src="http://sherlyagustine1234.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Keterangan :
numComments = 5, (jumlah komentar yang ingin ditampilkan)
avatarSize = 30, (ukuran dari gambar profil)
characters = 100, (jumlah huruf atau karakter yang ingin di tampilkan)
Silahkan ganti alamat blog saya dengan alamat blog anda sedangkan max-results=5 disesuakan dengan jumlah komentar yang ingin ditampilkan
sumber : blog kang ismet
No comments:
Post a Comment