Widget Membuat Daftar Komentar Teraktif

Cara kerja dari widget ini adalah menampilkan komentator yang pernah berkomentar di blog kita di halaman khusus. Dan script dari widget ini juga menampilkan berapa kali komentator berkomentar. Tentunya yang paling banyak melakukan komentar akan menduduki posisi teratas dari beberapa komentator yang ada. Tutorial membuat daftar komentar ini saya dapat ketika saya blogwalking dan mendapatkan tutorialnya dari CSS Tuts Plus.

DEMO

Cara Widget Membuat Daftar Komentar Teraktif

1. Login ke blogger.com

2. Masuk ke Page/Laman blog atau bisa membuat Posting baru/artikel baru

3. Kemudian masukkan code di bawah ini di Laman atau Posting baru/artikel baru pada posisi HTML bukan Compose

<link type='text/css' rel='stylesheet' href='https://css3-tutsplus.googlecode.com/svn/trunk/member-aktif.css' />
<script type="text/javascript">
//<![CDATA[
var homepage = 'http://aikonmedia.blogspot.com',
  maxTopCommenters = 77,
  minComments = 1,
  numDays = 0,
  excludeMe = true,
  excludeUsers = ["Anonymous", "Aikon Media", "Bagus Prehan"],
  maxUserNameLength = 42,
  txtTopLine = '[image] [user]',
  txtNoTopCommenters = 'No top commentators at this time.',
  txtAnonymous = '',
  sizeAvatar = 80,
  cropAvatar = true,
  urlNoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGoIRksuNXejK93qoKK6G3E49OJ1XxdeB_bpyxdFs4OsiKNlq7ZCjMB7WGBAogDRwQ7ALN59Yi9jAuOyuXLAIgTyX-FeqHm-PwiDB3eGQa51CO0kjEbvT5WGoBW4AMBrCmPX3jelCVdFA/' + sizeAvatar + '/avatar_blue_m_96.png',
  urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
  urlMyProfile = '',
  urlMyAvatar = '';
  //]]>
</script>
<script src='http://css3-tutsplus.googlecode.com/files/member-aktifv2.js' type='text/javascript'></script>

4. Publikasikan dan lihat hasilnya

Keterangan dan Setting

var homepage	Ganti url dengan url blog kamu
maxTopCommenters	Tentukan jumlah maksimal yang di tampilkan
minComments	Tentukan minimal member yang di tampilkan
excludeMe	True jika ingin menampilkan author member ganti false jika tidak
excludeUsers	Ganti nama dengan Nama Profile Blogger atau Goole+ kecuali "Anonymous"
maxUserNameLength	Batasi Jumlah Nama User
sizeAvatar	Ukuran Gambar tiap profile
cropAvatar	Crop Gambar jika ukuran melebihi ukuran yang di tentukan
urlNoAvatar	Tentukan gambar lain jika profile tidak memiliki photo

Keren kan sob?? Semoga tutorial widget membuat daftar komentar teraktif ini bisa bermanfaat untuk sobat semua dan menambah wawasan. Baca juga artikel saya mengenai Tutorial Cara Memasang Daftar Isi Sitemap di blog. Terima kasih

Sponsored by: