Jika kalian ingin tahu komentar terakhir dari orang yang mengunjungi blog kalian, atau yang biasa disebut dengan sebutan Recent Comment, dan menampilkan foto atau avatar dari orang terakhir yang mengomentari posting kalian, saya sarankan untuk memakai kode ini
Cara Membuat Widget Recent Comment
- Login ke akun blogger kalian
- klik Layout > Add Gadget > HTML/Javascript
- Copy paste kode dibawah ini
Kode Recent Comment |
<div style="overflow:auto;width:300px;"> <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: none;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 40, roundAvatar = true, characters = 100, defaultAvatar = "", hideCredits = true; //]]> </script> <script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script> <script type="text/javascript" src="http://dhafarlovers.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script> |
4. Kode yang berwarna merah adalah ukuran lebar widget.
5. Kode yang berwarna biru adalah jumlah komentar.
6. Kode yang berwarna hijau adalah ukuran avatar.
7. Kode yang berwarna kuning adalah jumlah kata yang ditapilkan
8. Rubah kode yang berwarna oranye dengan URL blog kalian.
8. Rubah kode yang berwarna oranye dengan URL blog kalian.
9. Simpan, dan lihat hasilnya.
SELAMAT MENCOBA...!!!
Anda Baru saja membaca artikel tentang Cara Membuat Widget Recent Comment Di Blog dan anda bisa menemukan artikel Cara Membuat Widget Recent Comment Di Blog ini dengan url http://dhafarlovers.blogspot.com/2013/01/cara-membuat-widget-recent-comment-di.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Widget Recent Comment Di Blog ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Widget Recent Comment Di Blog sumbernya.
jumlahnya kok ga bisa dirubah sih
BalasHapusmaklum masih newbie
ganti kode yang warna biru gan
BalasHapus