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://dudi-suswandi.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
Baca Juga Artikel Lainnya :
- Kumpulan widget blog gratis
- Follower Blog Melayang
- Cara Mengetahui Jumlah User Online Pada Blog
- Cara memasang Twitter di Blog
- Cara memasang jam di blog
- Cara membuat recent comment di sidebar blog
- Cara mengganti kursor blog
- Cara membuat Kursor Bubble atau bergelembung
- cara memasang Icon yahoo ! messenger di blog
- Cara memasang widget pagerank google
kebetulan saya lagi ingin bikin recent coment, makasih infonya :)
BalasHapusalhamdulillah , senang bisa membantu
Hapusmungkin utk pemula trik ini sangat bermanfaat, termasuk saya yg masih ucup.
BalasHapuswah sahabatku yang satu ini suka merendah . saya yang sebenarnya yang masih ucup
Hapusemang itu om dudi, mbak indah suka merendah :P
HapusKunjungan perdana smpat bingung mau klik judul posts krn macing dgn adsensenya :D
BalasHapusTerimakasih tutorialnya sob, trimakasih juga tuk kunjungan dan apresiasinya diblog anaa skalian anaa sundul adsensenya.
Kunjungan balasan, thanks tutorialnya sobat. lanjutkan.
BalasHapuseh tadi sempat bingung lho mau klik judul posts hbs macing dgn adsensenya. tapi anaa klik ajalah adsensenya :D smg sukses sll kawan.
kembali hadir di blog sahabat utk selalu memberikan support. sukses yah?
BalasHapussip, tq sahabat
Hapusharus di coba ini, makasih sob tutorialnya.
BalasHapusSalam kenal
alhamdulilah ..dengan artikel ini membuat saya lebih faham dan mengerti tentang blog ..
BalasHapusSaya sangat bertrimakasih atas artikel ini .. Saya tunggu artikel anda selanjutnya kawan
selamat pagi. berkunjung memberikan support terus
BalasHapusterima kasih
HapusPostingan yang menarik dan sangat bermanfaat buat banyak orang sobat. Thanks for sharing and keep blogging! :)
BalasHapusTutorial yang bagus sob... nambah ilmu lagi nih ... thanks...
BalasHapusselamat menkmati hari liburan, semoga menyenangkan :)
BalasHapusPostingan yang bagus, informative and bermanfaat buat banyak orang gan.. Thanks for sharing and keep blogging!
BalasHapusblognya mau dijual brp gan..?
BalasHapusKalau yang ini sudah saya coba diblog saya yang satunya dan mantap mas.
BalasHapuskeren juga nih, recent comment buat dipasang di sidebar blog saya
BalasHapusmantep banget KK,, thanks ya...
BalasHapus