Membuat recent comment atau komentar pembaca dengan avatar
type="html">bagi pembaca yang ingin menambahkan recent comment atau komentar sebelumnya pada widget blog sekarang tidak perlu pandai dalam menggunakan kode HTML cukup copy paste dan rubah sedikit kode HTML maka jadilah sebuah recent comment.
langsung saja kemateri,, waktu jalan jalan ke blog tetangga saya menemukan salah satu cara menampilkan recent coment yang bagus...berikut tutorialnya..
1. setelah login ke blogger pilih rancangan
2. pada elemen laman pilih tambah widget.. terserah mau ditambahkan dimana..
3. pilih HTML/ javascript
4. masukan kode di bawah ini
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;}
//
// Recent Comments Settings
var
numComments = 100,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 200,
defaultAvatar = "",
hideCredits = true;
//]]>
5. edit kode yang berwarna merah dengan alamat blog milik pembaca sendiri...
6. selesai dan silakan lihat tampilan recent coment/ komentar sebelumnya
0 komentar:
Posting Komentar