Agiel Triono: Jquery Anti Spam Link

Jquery Anti Spam Link

thumbs

Malam semua.Saya mau bagi-bagi tutor nih, baru saja saya menyelesaikan membuat salah satu trik untuk memblokir link di komentar blogger dengan Jquery. Nah menurut saya ini layak untuk di bagikan kepada sobat yang mungkin bermanfaat.

STEP 1

Oke pertama kita harus tahu apa yang harus di ganti di sini . mungkin berbeda di template sobat .
coba lihat kode di bawah ini .
$(function(){
  var e = $("#comments .comment_body"),
      p = $(e).find("p"),
      z = $(p).has("a"),
      a = $(e).find(z),
      n = "Warning!! SPAM has been detected!!",
      x  =  "spammer-detected";
  if( $(p).length > 0 )  {
  a.replaceWith("<p class="+x+">" +n+"</p>")
  }else{
  return false;
  }
});

Bagian yang di tandai #comments .comment_body adalah css selector dimana letak komentar sobat usahakan dengan tepat, jika salah maka yang di block bukan link di komentar mungkin mengarah ke elemen lain, kalian ganti dengan css selector untuk letak komentar kalian.
dan pada bagian yang di tandai lain nya seperti return false; adalah jika tidak ada komentar yang mengandung link hidup maka jquery otomatis tidak mengeksekusi function dengan statement else ini berguna apabila kalian mengalami masalah error di consol log karena muncul error UNDEFINED atau NULL atau kalian tidak menggunakan tag kondisional tertentu maka muncul lah ini. Jadi untuk kode yang ini biarkan saja jangan di ubah.
Bagian ini Warning!! SPAM has been detected!! bisa kalian ganti dengan Text atau element tag HTML.
bagian ini spammer-detected adalah kode style css yang nanti dapat kalian personalisasikan.

STEP 2
Seperti yang sudah saya katakan sebelum nya di step 1 kalian ganti kode yang di tandai #comments .comment_body,karena mungkin beda dengan template yang sobat pakai.

Langsung saja cari tag </body>.
Lalu Tambahkan kode di step 1 seperti di bawah ini.

<script type='text/javascript'>
//<![CDATA[
// ANTI SPAM
$(function(){
  var e = $("#comments .comment_body"),
      p = $(e).find("p"),
      z = $(p).has("a"),
      a = $(e).find(z),
      n = "Warning!! SPAM has been detected!!",
      x  =  "spammer-detected";
  if( $(p).length > 0 )  {
  a.replaceWith("<p class="+x+">" +n+"</p>")
  }else{
  return false;
  }
});
//]]>
</script>

jangan lupa tambahkan juga style css di mana kamu inginkan bisa di taruh di ]]></b:skin> ,namun untuk efektif nya kalian taruh di dalam tag style yang memiliki tag kondisional tertentu hanya untuk halaman postingan.
/* Anti Spam */
#comments .spammer-detected{display:inline-block;color:#fff;margin:10px 0!important;font-size:11px!important;background:#f05d5d;padding:5px 8px!important;border-radius:3px;opacity:.9;font-style:normal}
#comments .spammer-detected:before{content:'\f071';font-family:fontawesome;font-size:11px;letter-spacing:3px}


Done!
Simpan Template , lalu cobalah berkomentar menggunakan link aktif.
jika benar maka akan muncul Warning!! SPAM has been detected!!.


Beri tag kondisional hanya untuk halaman postingan jika diperlukan.
أحدث أقدم