Sunday, June 30, 2013

Widget Membuat Daftar Komentar Teraktif

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 = 'http://lh4.googleusercontent.com/-069mnq7DV_g/TvgRrBI_JaI/AAAAAAAAAic/Iot55vywnYw/s' + 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 homepageGanti url dengan url blog kamu
maxTopCommentersTentukan jumlah maksimal yang di tampilkan
minCommentsTentukan minimal member yang di tampilkan
excludeMeTrue jika ingin menampilkan author member ganti false jika tidak
excludeUsersGanti nama dengan Nama Profile Blogger atau Goole+ kecuali "Anonymous"
maxUserNameLengthBatasi Jumlah Nama User
sizeAvatarUkuran Gambar tiap profile
cropAvatarCrop Gambar jika ukuran melebihi ukuran yang di tentukan
urlNoAvatarTentukan 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

Related Posts

Widget Membuat Daftar Komentar Teraktif
4/ 5
Oleh