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

  • Menerapakan jquery lightbox evolution
    Salam sobat blogger membuat postingan untuk share kali ini buat sobat yang masih bingung tentang jquery lightbox evolution. jquery lightbox ini saya gunakan di template ini pada konversi kode dan kontak bisa sobat lihat seperti apa itu jquery lightbox. untuk sobat yang tertarik dan ingin menerapkan ini untuk blognya saya akan memberikan trik…
  • Highlighter Language Autodetection
    Syntax Highlighter Language Autodetection ini saya dapatkan dari Software Maniacs dan saya terapkan di blog ini hanya saja tampilannya masih menggunakan Syntax Highlighter lama. seperti biasa anda mungkin sudah tau kegunaannya untuk di terapkan di blog, jadi tidak usah di jelaskan tinggal sekarang langsung saja ke cara bagaimana memasang Synta…
  • Memasang kode, gambar dan video di komentar
    Buat agan yang bingung dengan judul di atas sebenarnya adalah judul tentang cara menyisipkan dan mengijinkan kode, gambar dan video di komentar blogger. jadi kali ini kita akan membahas hal tersebut, karena saya pernah berkunjung ke sebuah blog yang memasang tool konversi kode tapi tidak memasang javascript ini jadi percuma juga menggunakan to…
  • Membanned spamer di komentar dengan jquery
    Kali ini saya ingin berbagi buat sobat yang udah males dan capek menghapus komentar para spammer, yang satu ini palinf buat suasana jadi males dan menjengkelkan bila hadir di komentar blog kita. jquery ini bisa sobat gunakan untuk menghapus dan membanned para spamer tersebut dengan menghilangkan isi komentar juga link profile mereka agar user …
  • Memperbaiki ukuran thumbnail homepage
    buat sobat blogger yang mengalami masalah pada thumbnail/gambar Post.snippet dan post.thumbnail yang kurang jelas dan tidak sesuai ukuran pada tampilan posting static page/homepage, bisa menggunakan trik ini agar tampilan gambarnya bisa terlihat jelas dan sesuai. caranya cukup mudah dan gak ribet ikuti saja trik berikut perhatikan kode scrip…
  • Navigation Menu dengan Efek jQuery
    Kali ini saya akan share Menu navigasi blogger, Menu navigasi adalah hal yang di perlukan sebuah blog untuk mengarahkan seorang pengunjung ke halaman tertentu. Menu navigasi yang bagus dengan tampilan yang menarik, tentu itu memberikan nilai plus tersendiri untuk tampilan blog anda sehingga menambah bagus dan cantik. Menu navigasi ini memilik…

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...