Menandai dan Mencoret Kata Terlarang dalam Komentar

Menandai dan Mencoret Kata Terlarang dalam Komentar - Setelah puas dicaci-maki sahabat semua pada demo kata-kata kotor... :) Kembali lagi dengan tutorial seputar blok kata-kata. Bingung sebetulnya mau nulis judul apa. Artikel ini berasal dari pertanyaan sahabat Abdul Rahman yang menanyakan tentang OOT di DTE. Bagi sahabat yang pernah menulis kata OOT di blog DTE pasti akan mengalami ini.

Script ini bukan karya saya, tapi hasil konsultasi dari blogger jagoan Taufik Nurrahman aka DTE. Tapi seperti biasa, agan Taufik ini tidak pernah menyuapi penanya, penanya harus memahami dan mencoba script yang diberikan. Untuk lebih memahaminya silahkan lihat demo.


Bagi sahabat yang ingin mencoba trik ini, silahkan simpan kode ini diatas </body> dan ganti kata-kata yang dilarang.

<script type="text/javascript">
  //<![CDATA[
function blockNotAllowed(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        var regex = /(^| |>)(kata1|kata2|kata4|kata4)(<| |$)/g,
            html = content[i].innerHTML;
        content[i].innerHTML = (regex.test(html)) ? '<del>' + html.replace(regex, "$1<mark>$2</mark>$3") + '</del><br><br>Kata-kata yang ditandai tidak boleh ada di dalam komentar.' : html;
    }
}
blockNotAllowed('comment-holder', 'p');
  //]]>
</script>;

Semoga bermanfaat...
Berita Lebih Baru Berita Lebih Lama
  • Kang Ismet
    Profil: https://www.blogger.com/profile/07706142952405337288
    31 Mei, 2013

    Ini hanya percobaan soalnya ada yang suka minta template yang saya pakai, masa template yang dipake dipinta.. LOL

    • Sopala Multapa
      Profil:https://www.blogger.com/profile/17709242066690693656
      31 Mei, 2013

      ngiler banget x kang hehe

    • Unknown
      Profil:https://www.blogger.com/profile/01505951975436720215
      31 Mei, 2013

      Wahaha....good

    • budkalon
      Profil:https://www.blogger.com/profile/03177186856699495936
      11 Juli, 2013

      Iya nih, udah cape-capena ngembangin, malah dipinta cuma-cuma :p

  • Dhani Site
    Profil: https://www.blogger.com/profile/13722945794092724342
    31 Mei, 2013

    pertamax kang =D asik baru lagi :-bd

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      31 Mei, 2013

      hehehe... silahkan dicoba sob :)

    • Unknown
      Profil:https://www.blogger.com/profile/09249219284372140009
      02 Juni, 2013

      solar kali hehe

  • Uswah
    Profil: https://www.blogger.com/profile/13806757722289257296
    31 Mei, 2013

    waah sipp sipp.. kayaknya baru nemu nih tutorial kayak gini.. kang ismet emang jagoan neon :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      31 Mei, 2013

      jagoan neonnya udah ganti jadi jagoan bohlam :D

  • Unknown
    Profil: https://www.blogger.com/profile/01918695702499505922
    31 Mei, 2013

    Keren scriptnya, kang.
    Btw, sya jga sering main ke blog DTE. Banyak ilmu bagus disana memang, kang.
    Cuma repotnya, kalu lagi bingung ga ada jawabannya :(
    Beda dengan blog Akang yang telaten menjawab pertanyaan.. :p
    Thx, infonya Kang Ismet.

    • Unknown
      Profil:https://www.blogger.com/profile/04625695583985114686
      31 Mei, 2013

      setuja..eh setuju..denk hahahay

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      31 Mei, 2013

      mencoba ramah aja sob... emang TN aka DTE itu terkesan serius orangnya ya.. jarang basa-basi.. :D

  • Unknown
    Profil: https://www.blogger.com/profile/04625695583985114686
    31 Mei, 2013

    weew,,style komentarnya keren kang..hahahay kreatip..

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      31 Mei, 2013

      bosen dengan yang kemaren sob :)

  • Unknown
    Profil: https://www.blogger.com/profile/06924031831839016175
    31 Mei, 2013

    baru tau ada script ini, ijin pakai ya kang...mksh tutorialnya

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      31 Mei, 2013

      silahkan mba....

  • Anonim
    Profil:
    31 Mei, 2013

    wah makasih gan bagus buat yg sering maki blog ber-niche download misal broken dll..
    blh ane copas ng bg?

    dan kunjungan nya ane tunggu yg bg

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      31 Mei, 2013

      resiko sob... ngasih downloadan tapi linknya broken.... silahkan.. di salin ulang jangan copas :)

  • Unknown
    Profil: https://www.blogger.com/profile/17943695039070055752
    31 Mei, 2013

    ahaha ini cocok buat saya.. karena saya udah bikin halaman OOT, kalau masih ada yg OOT kebangetan...

    • Unknown
      Profil:https://www.blogger.com/profile/17943695039070055752
      31 Mei, 2013

      hadehhh salah tulis.. aseeeeemmm dah... :p

  • Dhani Site
    Profil: https://www.blogger.com/profile/13722945794092724342
    31 Mei, 2013

    mas minta do'a nya :D

  • Ivan Mantovani S
    Profil: https://www.blogger.com/profile/16845985319581440823
    01 Juni, 2013

    waduh, ini komentar gaya baru ^_^

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Juni, 2013

      wkwkwkwk.... biar variatif sob...

  • Fajrin
    Profil: https://www.blogger.com/profile/16796960264074869387
    01 Juni, 2013

    mantab mas.. saya suka nih :-d

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Juni, 2013

      ok sob... thanks

  • Wawan
    Profil: https://www.blogger.com/profile/06539086987917661330
    01 Juni, 2013

    Kode script-nya hampir sama dengan kode script "Menghilangkan Link Aktif Di komentar". :-d

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Juni, 2013

      kan ini juga hasil konsul sama TN DTE :)

  • akuntest123
    Profil: https://www.blogger.com/profile/02120458296316277884
    01 Juni, 2013

    wah makasih kang, mantab kang kreatip banget :-d

  • Unknown
    Profil: https://www.blogger.com/profile/09249219284372140009
    02 Juni, 2013

    bocot neh v gak apa2 yg pnting hadir hehe
    mantapzz banget mas kerennnnnn
    di coba y mas

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Juni, 2013

      oke jeng... silahkan :)

  • cillasmartcorp
    Profil: https://www.blogger.com/profile/17927701776104884711
    02 Juni, 2013

    Wah mesti agak ribet gitu ya kang... nice infonya kang... mudah2an sekali2 nanti diterpkan... thanks...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Juni, 2013

      hehehe.... harus mau ribet :)

  • Imron Fhatoni
    Profil: https://www.blogger.com/profile/18030836574216391697
    02 Juni, 2013

    wach baru nie kang terima kasih salam kang ismet..

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Juni, 2013

      sama2 sob.... :)

  • Anonim
    Profil:
    02 Juni, 2013

    Berarti otomatis itu Mas ketika ada kata-kata terlarang dalam komentar langsung tercoret gitu.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Juni, 2013

      santai aja sob... nanti saya ubah JSnya :)

  • Anonim
    Profil:
    02 Juni, 2013

    Mas kok bisa gitu komentar saya,padahal bukan yang lain-lain kok.

  • Unknown
    Profil: https://www.blogger.com/profile/13927261380277202956
    02 Juni, 2013

    wah keren banget mas,tapi masalahnya nanti bisa mengganggu pengunjung blog berkomentar dong,, :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Juni, 2013

      hehehe.....ga semua kata2 ko..yang difilter aja

  • Ivan Mantovani S
    Profil: https://www.blogger.com/profile/16845985319581440823
    02 Juni, 2013

    Berkunjung lagi gan wkwk, :D wahh udah upgrade kata belom gan :D
    Lagi mendalami blogazine nih ane :p

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Juni, 2013

      heheheh... blom sob.. wah congrats deh, nanti ane belajar sama agan :)

  • Unknown
    Profil: https://www.blogger.com/profile/14566891211390450115
    02 Juni, 2013

    Ijin nyoba sob, makasih sudah berbagi :-d

  • Lutfi Setiyawan
    Profil: https://www.blogger.com/profile/09427473526901752426
    21 Juni, 2013

    waaahhh.... bagus nih mas saya coba mas.... :-bd

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      21 Juni, 2013

      silahkan sob...

  • Unknown
    Profil: https://www.blogger.com/profile/03959553276562480186
    14 Juli, 2013

    permisi kang ismet, kalo komentar saya memakai komentar wordpress versi 1 dengan pop up kok ngga bisa ya??
    yang harus diganti yang mana kang?
    thx

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      20 Juli, 2013

      ('comment-holder', 'p') ganti dengan ('comment-body', 'p')

  • Halim Atjeh
    Profil: https://www.blogger.com/profile/15649701871381948630
    09 November, 2013

    tq gan atas infonya sangat bermamfaat :)

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
65 Komentar