Membuat Komentar Terbaru Dengan Avatar Di Blogger 4

Sekedar memperindah blog atau memudahkan anda untuk mengetahui pemberikomentar teranyar/terbaru pada blog ,widget ini terbilang cukup dapat memberikan suasana lain kepada para pengunjung untuk berkomentar karena avatar si pengomentar akan terpampang langsung di widget tersebut setelah berkomentar.bagi anda yang suka nampang di blog orang lain mungkin anda akan sering - sering memberikan komentar pada blog yang anda kunjungi jika pada blog tersebut memasang widget ini.Nah sekarang langsung aja kita bahas bagai mana sih cara membuat widget komentar terbaru dengan avatar ini,ikuti langkah-langkahnya di nbawah ini :

1. Login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan gadjet lalu pilih HTML/Javascript
4. Masukan kode berikut ini:

<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 = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bambangpage-js.googlecode.com/files/recent-comment-w-avatar.js"></script>
<script type="text/javascript" src="http://bambangpage.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Keterangan:

- Kode berwarna orang ( 5) adalah jumlah komentar yang ditampilkan

- Kode berwarna Hijau (30) adalah ukuran gambar komentator

- Kode berwarna Biru (30) adalah rincian komentar

dari komentator


5. Ganti kode yang berwarna merah (http://bambangpage.blogspot.com dengan Url Blog anda.


6. Simpan Blog anda.


Selamat mencoba dan semoga berhasil............