Cara Membuat Widget Komentar Terbaru dengan Avatar di Blog

Kadang-kadang kita pengen tahu nih siapa aja yang sudah berkomentar di blog kita, tapi jadi males karena ribet harus login dl terus lihat tab komentar. Nah disini ada solusnya lhooo, caranya cukup pasang widget ini dan nanti sobat tinggal buka blog sobat kemudian tinggal di lihat.

Langkah-langkah :
1. Login ke aku Blogger
2. Pilih Tata Letak → Tambahkan Gadget → Pilih HTML/Javascript
3. Masukan kode di bawah ini :
<style type="text/css">
ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}
.sakahayang_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;}
.sakahayang_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;}
.sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.sakahayang_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;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 = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=20,
adminBlog='Anto Sharpshooter';
//]]>
</script>
<script type="text/javascript" src="http://anthzoblog.googlecode.com/svn/trunk/kotakkomen.js"></script>
<script type="text/javascript" src="http://anthzoblog.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
4. Simpan dan lihat hasilnya :D

Keterangan :
  1. Red = ( jumlah komentar yang tampil )
  2. Orange = ( ukuran avatar )
  3. Lime = ( jumlah kata yang tampil )
  4. Blue = ( nama yang akan di hide/tidak di tampilkan )
  5. Purple = ( ganti dengan url blog sobat )

[update title="Informasi buat sobat" icon="info-circle"]Saat ini sobat sedang membaca artikel Cara Membuat Widget Komentar Terbaru dengan Avatar di Blog
Sumber:http://www.anthzo.com/2014/05/cara-membuat-widget-komentar-terbaru.html
Jangan lupa untuk memberikan komentar supaya situs ini terus update, terima kasih.[/update]

Posting Komentar

[blogger][facebook][disqus]

Image 1 Title

Image 1 Title
Sesuatu yang sangat berharga

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.