Recent Comments Blogger Dengan Avatar

Thursday, November 29, 2012

Bagikan :

Tweet

Membuat Recent Comments Blogger dengan Avatar |

Tutorial kali ini sama saja dengan tutorial memasang Widget Recent Comment Valid XHTML, cuman kodenya aja yang berbeda. Makara untuk tutorial yang lebih terperinci silakan baca Widget Recent Comment Valid XHTML. Untuk postingan ini aku buat singkat saja.

Berikut caranya :

• Buat widget HTML/JavaScript.
• Beri judul Recent Comments atau apalah terserah Anda.
• Lalu masukkan instruksi 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://wadahtutorial.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 abjad yang ditampilkan

  wadahtutorial.blogspot.com ganti dengan URL blog Anda.

  max-results=5, jumlah komentar yang ditampilkan, ganti sesuai impian Anda.
• Terakhir klik Save. Selesai...

Selamat mencoba Membuat Recent Comments Blogger dengan Avatar.

Tag : Tutorial Blogspot, Widget / Gadget