WIDGET KOMENTAR TERBARU DENGAN AVATAR

Recent comments atau komentar terbaru adalah widget yang menampikan komentar pada artikel blog berurutan berdasarkan waktu komentarnya dimuat. banyak cara untuk membuat widget recent comments yang bisa digunakan, dan di sini saya berikat tips untuk membuat recent comment dengan avatar. widget ini selain menampilkan komentar juga menampilkan avatar atau foto dari komentator tersebut, nah, begini caranya:

1. Login ke blogger dengan akun Anda.


2. Di dashboard masuk ke layout


3. Setelah itu anda pilih add gadget >> HTML/Javascript


4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript
   
   

   <style type="text/css">
   
   ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
   
   .tb_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;}
   
   .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
   
   .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
   
   .tb_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 = 50,
   
   characters = 60,
   
   defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
   
   hideCredits = true;
   
   //]]>
   
   </script>
   
   <script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
   
   <script type="text/javascript" src="http://www.diagramband.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

   Keterangan :
   
   Warna merah (5) : adalah jumlah komentar yang ditampilkan
   
   Warna kuning (50) : ukuran pixel avatar
   
   Warna hijau (60) : Jumlah karakter huruf komentar
   
   Warna biru : ganti dengan URL blog Anda.
   
   


5. Terakhir save.
6. Selesai