Cara Menampilkan komentar terakhir di sidebar blog
Cara menampilkan komentar terakhir di sidebar blog atau recent comments di sidebar blog atau widget blog merupakan salah satu cara untuk memperindah tampilan blog dimana komentar terakhir dari pengunjung blog di setiap artikel akan tampil di sidebar blog kita, banyaknya komentar yang dimunculkan bisa kita atur sendiri, sebagai contoh bisa dilihat disidebar kanan untuk blog ini saya menampilkan 5 komentar terakhir pengunjung blog,sedangkan untuk anda silahkan tentukan sendiri banyaknya komentar terakhir yang akan di tampilkan.Caranya akan di bahas di bawah ini . jadi , baca sampai akhir dan berikan komentar anda.
Berikut cara pemasangan widget recent comment / komentar terakhir
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
Cara menampilkan komentar terakhir di sidebar blog atau recent comments di sidebar blog atau widget blog merupakan salah satu cara untuk memperindah tampilan blog dimana komentar terakhir dari pengunjung blog di setiap artikel akan tampil di sidebar blog kita, banyaknya komentar yang dimunculkan bisa kita atur sendiri, sebagai contoh bisa dilihat disidebar kanan untuk blog ini saya menampilkan 5 komentar terakhir pengunjung blog,sedangkan untuk anda silahkan tentukan sendiri banyaknya komentar terakhir yang akan di tampilkan.Caranya akan di bahas 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://http://free-download-softwaregratis.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
0 komentar:
Post a Comment