Cara Membuat Recent Comment Blogger Dengan Mudah

Tutorial kali ini sama saja dengan tutorial memasang Widget Recent Comment Valid XHTML, cuman kodenya aja yang berbeda gan.  Untuk postingan ini saya buat singkat saja.

Berikut caranya :

• Buat widget HTML/JavaScript.
• Beri judul Recent Comments atau apalah terserah Anda.
• Lalu masukkan kode berikut :
  
  

  <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  = 30,
  characters  = 60,
  defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
  hideCredits = true;
  //]]>
  </script>
  <script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
  <script type="text/javascript" src="http://joe-erick.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

  
  
  Keterangan :
  numComments : 5, jumlah komentar yang ditampilkan
  

  avatarSize : 30, ukuran avatar dalam pixel

  characters : 60, jumlah karakter yang ditampilkan

  joe-erick.blogspot.com ganti dengan URL blog Anda.

  max-results= 5, jumlah komentar yang ditampilkan, ganti sesuai keinginan Anda.

• Terakhir klik Save. dan .............Selesai...

Berikut Hasilnya Gan :

Selamat mencoba gan (y)
nikmati tuh cara simple yang udah saya sajikan diatas gan, sedot aja sepuasnya.

Share this post