Fun and Powerfull

Design & Web Tech.

Internet News

The Others

tentangrifai-dotcom
Kerjaan lagi keteter…ngeblog apalagi…

Mark Elliot Zuckerberg atau Mark Zuckerberg adalah anak muda yang fenomenal. Namanya melejit sejak situs jejaring sosial Facebook menjadi salah satu ikon budaya anak muda saat ini. Maklum, sejak diluncurkan pada tahun 2004, situs ini mampu menggaet tujuh juta pengguna dalam waktu kurang dari dua tahun. Berkat kesuksesan itu, para analis memperkirakan harta kekayaan Zuckerberg [...]

Read More
RSS feedb tech digg stumb FB Del Reddit twiter
21 May
Posteds by admin in Tentang Website
tags:
 

aPada hakikatnya isian komentar di wordpress tidak ada batasannya, pengunjung blog bebas mengetik apapun sepanjang apapun juga tergantung moodnya. Walaupun sebenernya fungsi antispam akismet dari wordpress bisa memblokade komentar yang terlihat panjang dan tidak wajar. bentuk batasan komentar ini sebenernya diilhami oleh  portal seperti kompas.com(500 char limit) ,  kontan.co.id(200 char limit) dan lainnya yang memberikan fasilitas komentar pada artikelnya tapi juga membatasi isian komentar. Selain itu di bagian bawah kotak komentar biasanya terdapat counter character comment yang bertujuan untuk memberitahukan komentator sisa karakter yang ada (sehingga komentator ngga kaget kalo tiba-tiba komentarnya kepotong)

Artikel berikut akan mengupas cara menambahkan batasan komentar pada wordpress tanpa menggunakan plugin tambahan. Jika temans-temans hobi mengutak-ngatik wordpress atau hanya penasaran bisa membaca artikel ini.

Teknik berikut merupakan teknik newbie yang menggunakan javascript dan memasangnya langsung pada themes wordpress, jadi ngga akan berbahaya untuk di jajal karena ngga involve langsung ke system wordpress.

Step #1

Download dulu file .js yang dibutuhkan disini

Ekstrak aja , kemudian masukkan file .js-nya (CharacterCounter.js) kedalam theme wordpress yang akan diberikan limit komentarnya

Step #2

buka halaman header.php didalam theme tadi masukkan script untuk mengambil file .js-nya . paste code berikut pada header.php sebelum tags penutup </head>

<script type="text/javascript"
src="<?php bloginfo('stylesheet_directory'); ?>/characterCounter.js">
</script>

Step #3

Tambahkan code css-berikut didalam themes (cari file .css , misalnya style.css) :

.minitext {
  font: normal 0.7em Arial, sans-serif;
  color: Black;
}

.disable {
  background-color: #CF110C;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}

Step #4

Buka file comments.php di theme , cari bagian tags text area untuk input komentar yaitu:

<textarea name="comment" id="comment"...dan selanjutnya

tambahkan kedalam tags <textarea… tersebut code :

onkeyup="toCount('comment','sBann','{CHAR} Sisa karakter',250);"

sehingga secara keseluruhan bentuk codenya(punya saya) kira-kira seperti berikut:

<textarea
name="comment" cols="30" rows="5" class="textarea" id="comment"
onkeyup="toCount('comment','sBann','{CHAR} Sisa karakter',250);">
</textarea>

perhatikan angka ‘250′ .. parameter tersebut berarti membatasi komentar sebanyak 250 karakter (huruf) silakan diubah seperlunya. untuk parameter ‘comment’ menyesuaikan dengan id element text area. sesuaikan dengan themes anda. Jika bentuk code kurang sesuai karena mungkin struktur code bisa saja berlainan antar theme satu dengan lainnya.

Step #5

finishingnya adalah membuat informasi batasan karakter kepada user. Taruh code berikut dibagian bawah text area komentar (supaya munculnya persis dibawah kotak komentar)

<span id="sBann" class="minitext">250 Sisa karakter.</span>

beres deh..

Selamat mengutak-atik yaa.. :)

Share On :

31 Responses to “Membuat batasan karakter komentar di wordpress”

Leave a Reply





500 Sisa karakter.
8) :cry: :) :mrgreen: :P :| ;) 8O :twisted: :evil: :D :oops:




Copyright © 2010 - Tentangrifaidotcom , Allrights Reserved
Powered By Wordpress