Panduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua tentang
"Membuat Recent Comments Dengan Gambar Avatar Di Blog".Sebelumnya dalam blog ini pernah dijelaskan tentang
"Panduan Cara Menampilkan Recent Comments (Komentar Terbaru) Di Blog".Namun
dalam postingan terbaru ini akan membuat dan menampilkan recent
comments(komentar terbaru) dengan gambar/foto atau avatar si pemberi
komentar tersebut.Sehingga recent comments ini lebih menarik dan bisa
juga untuk membuat blog sobat tampil lebih atraktif.
Dalam pembuatannya sebenarnya sangat mudah jadi akoe sarankan kepada sobat blogger untuk memasangnya.
Widget recent comments
ini banyak dipakai oleh sobat blogger yang lainnya,meskipun di blog ini
tidak ada widget recent comments dikerenakan halaman blog ini sudah
penuh namun sengaja akoe membantu sobat blogger yang belum punya widget
ini di blognya dan ingin memasangnya.
Untuk memasangnya dan membuatnya silahkan sobat blogger ikuti langkah-langkah seperti berikut ini:
- Login ke Blogger
- Klik Rancangan
- Klik Elemen Laman
- Klik Tambah Gadget
- Pilih opsi HTML/Java Script
- Copy kode HTML di bawah ini dan paste-kan di dalamnya
<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 = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript"
src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://biray-hacker.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script>
