Filter otomatis kata - kata kotor dalam komentar

Javascript jQuery

Adakalanya sebuah komentar yang masuk dalam blog anda memiliki kata - kata yang tidak pantas untuk di cantumkan dalam komentar dan ini mengganggu pengunjung lain yang berkomentar. umumnya tidakan berkomentar rendahan seperti ini dilakukan oleh orang yang tidak bertanggung jawab dan tidak memiliki etika yang baik yang tidak berani menampakkan diri sehingga bertindak bodoh dibalik nama anonim/anonymous. untuk mencegah hal ini, saya akan berbagi triknya dan silahkan simak berikut ini:

Pertama kita harus membuat sebuah script golongan kata - kata apa saja yang ingin kita kategorikan sebagai kata - kata yang tidak layak untuk di tampilkan dan harus di bersihkan. kemudian tentukan class/id element yang akan dipilih oleh selector untuk menerapkan tindakan ini, Contoh:

var comt = document.getElementsByClassName('comment-content');

var comt adalah merupakan pengelompokan/nama saja sebagai ciri untuk tindakan komentar, dan document.getElementsByClassName('comnment-contet'); adalah pengambilan class untuk menjalankan tindakan, class element bisa di lihat pada comment-content. ini adalah penamaan dan class tujuan yang akan di pilih. Selanjutnya buat sebuah perintah penerapan dalam sebuah element seperti berikut:

for(var i=0;i<comt.length;i++){
    comt[i].innerHTML = comt[i].innerHTML.replace(/kata-kata-kotor-pilihan-anda/gi, "saya-ganti-dengan-ini");
}   

for(var i=0;i<comt.length;i++) adalah dilakukan untuk perintah yang di beri nama comt, sedangkan comt[i].innerHTML = comt[i].innerHTML.replace(/kata-kata-kotor-pilihan-anda/gi, "saya-ganti-dengan-ini"); adalah jika di temukan di dalam penamaan comt maka perintahnya untuk mengganti dengan yang di tentukan.

Maka ketika script hasil dari semuanya telah selesai akan menjadi seperti berikut:

var comt = document.getElementsByClassName('comment-content');
  for(var i=0;i<comt.length;i++){
       comt[i].innerHTML = comt[i].innerHTML.replace(/kata-kata-kotor-pilihan-anda/gi, "kata-kata-pengganti");
}   

Script di atas sudah bisa digunakan, tinggal letakkan di template anda.

Jika anda memasang recent comment pada widget anda, sebaiknya buat juga script yang sama dengan nama variabel yang berbeda, agar kata - kata kotor dalam komentar anda juga tidak muncul dalam recent comment widget anda, Contoh seperti berikt.

var widg = document.getElementsByClassName('widget-content');
  for(var i=0;i<widg.length;i++){
       widg[i].innerHTML = widg[i].innerHTML.replace(/kata-kata-kotor-pilihan-anda/gi, "pengganti-kata-kotor");
}

Masih sama dengan trik diatasnya untuk komentar, sedangkan untuk widget saya hanya mengganti penamaan variabel var comt menjadi var widg dan class comment-content menjadi widget-content. jadikan satu/bungkus dua script di atas dalam satu kelompok seperti berikut:

<script type='text/javascript'>
//<![CDATA[
var comt = document.getElementsByClassName('comment-content');
  for(var i=0;i<comt.length;i++){
                        comt[i].innerHTML = comt[i].innerHTML.replace(/kata-kata-kotor-pilihan-anda/gi, "kata-kata-pengganti");
}   
var widg = document.getElementsByClassName('widget-content');
  for(var i=0;i<widg.length;i++){
                        widg[i].innerHTML = widg[i].innerHTML.replace(/kata-kata-kotor-pilihan-anda/gi, "pengganti-kata-kotor");
}
//]]>
</script>

Letakkan di atas kode tag </body> dan simpan.

Tambahan, jika kata - kata yang ingin anda filter di dalam komentar lebih dari satu, tambahkan saja comt[i].innerHTML = comt[i].innerHTML.replace(/kata-kata-kotor-pilihan-anda/gi, "kata-kata-pengganti"); kebaris berikutnya. lakukan hal yang sama untuk class widget.

untuk lebih mudahnya, saya sudah menyimpan script ini dalam satu paket yang bisa langsung anda gunakan tanpa susah. cukup copy kode dibawah ini:

<script type="text/javascript" src='http://template-defandaky.googlecode.com/files/filter-komentar.js'></script>

Letakkan tepat di atas kode tag </body> dalam HTML template anda dan simpan. tes pada komentar anda dengan memasang kata yang telah di tentukan untuk di filter dan lihat hasilnya.

Semoga bermanfaat....

Artikel Terkait

  • Memasang efek animasi loading halaman blogger
    Sudah lihat animasi loading blog ini, itu adalah hasil dari efek animasi loading beforeunload. Kali ini kita membuat efek animasi yang ditampilkan bukan karena terpicu oleh momen klik pada tautan melainkan karena aksi halaman yang mulai berpindah. Sehingga kita bisa merancang ulang efek animasi loading ketika perpindahan halaman dengan cara in…
  • Klik kanan hanya berfungsi di tag pre
    Trik ini adalah bagian dari tujuan untuk melindungi content blog anda, mematikan fasilitas klik kanan dengan mengeset tag <body> menggunakan dasar oncontextmenu='return false;'. trik ini mematikan semua klik kanan dalam blog, lalu bagaimana caranya kita membuat sebuah ijin klik kanan yang berfungsi di area tertentu saja... kali ini saya…
  • Filter otomatis kata - kata kotor dalam komentar
    Adakalanya sebuah komentar yang masuk dalam blog anda memiliki kata - kata yang tidak pantas untuk di cantumkan dalam komentar dan ini mengganggu pengunjung lain yang berkomentar. umumnya tidakan berkomentar rendahan seperti ini dilakukan oleh orang yang tidak bertanggung jawab dan tidak memiliki etika yang baik yang tidak berani menampakkan d…
  • Blokir otomatis link aktif di dalam komentar
    Blogger memang sudah memberi fasilitas moderasi untuk mengontrol kegiatan komentar di dalamnya, namun jika blog anda tergolong sebuah blog yang memiliki aktifitas komentar yang ramai tidak mungkin anda akan memeriksa satu persatu, selain memakan waktu juga menambah pekerjaan. Tidak semua pengunjung blog memiliki itikad baik, santun dan memahami…
  • Memasang alert untuk mengaktifkan javascript
    Tutorial ini berguna untuk para pengunjung blog anda yang menon-aktifkan fungsi javascript di web browser mereka. misalnya, ketika blog anda tidak memiliki tampilan maksimal saat fungsi javascript di web browser pengunjung anda dinon-aktifkan, maka para pengunjung blog anda harus mengaktifkan fungsi javascript di web browser mereka dengan men…
  • Mematikan link aktif di komentar dengan jQuery
    Jika Anda telah bosan berurusan dengan semua jenis komentar spam dan Anda begitu sibuk untuk meninjau semua komentar, maka trik blogger hack baru ini akan membantu Anda untuk itu dengan menghapus link yang disertakan dalam komentar dan menggantinya dengan teks biasa menggunakan jQuery. Cara Hapus Link Dalam Komentar Dengan jQuery 1. Masuk k…

8 komentar

  1. nice share gan, bermanfaat nih buat ada komentar yang tidak sopan atau spam :D

    BalasHapus
    Balasan
    1. sip gan :D

      kalau banyak yang mau di blok pkek yang ini <script type='text/javascript'>
      //<![CDATA[
      function blockNotAllowed(parentID,children){if(!document.getElementById(parentID))return;var parent=document.getElementById(parentID),content=parent.getElementsByTagName(children);for(var i=0;i<content.length;i++){var regex=/(^| |>)(OOT|oot|out of topic|visit back|diluar tema|diluar bahasan|o-o-t|kunbal|Oot)(<| |$)/g,html=content[i].innerHTML;content[i].innerHTML=(regex.test(html))?'<del>'+html.replace(regex,"$1<mark>$2</mark>$3")+'</del><br><br><cite class=\'attention\'>Kata-kata yang ditandai tidak boleh ada di dalam komentar</cite>': html;
      }
      }
      blockNotAllowed('comment_block', 'p');
      //]]>
      </script>


      Hapus
  2. Sangat bermanfaat untuk mengatasi komentar yang tidak bermanfaat untuk blog kita :)

    BalasHapus
  3. iya bener , boleh di praktekkan cara ini, untuk menghindari spam :D

    BalasHapus

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...