Blokir otomatis link aktif di dalam komentar

Javascript jQuery

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 aturan apa lagi para spamer yang terkadang hadir dan merugikan yang berkomentar hanya bertujuan untuk memasang link aktif. Menurut dari beberapa sumber yang pernah saya baca, link aktif memiliki beberapa dampak negatif pada blog Anda, anda bisa cari refrensinya di berbagai sumber.

untuk hal itu, kita bisa memasang beberapa trik untuk menonaktifkan link aktif yang di pasang oleh para spammer pada komentar blogger dan berikut ini caranya silahkan anda simak...

1. Login ke akun Blogger anda
2. Pilih Template > Edit HTML

Sebelum melanjutkan langkah berikutnya, silahkan cari kode tag <head> terlebih dulu dan paste kode kode dibawah ini diatasnya

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>

jika template anda telah disertai dengan kode di atas, silahkan lewati langkah diatas.

3. Cari kode tag </body> di html template anda
4. Pilih salah satu script bloked link di bawah ini dan pastekan di atas tag kode </body>
5. Tambahkan css berikut di template anda

mark{background:#800000;color:#fff;padding:1px 6px;margin-right:5px;}

6. Simpan perubahan template anda

Berikut kumpulan script bloked link komentar blogger

01Menghilangkan secara otomatis link aktif di komentar

dengan kode ini, link aktif yang di pasang ke komentar akan secara otomatis di hapus/di hilangkan.

<script type='text/javascript'>
$(function() {
$('.comment_body p').find('a').remove(); });
</script>

02Mengubah link aktif menjadi teks biasa

script ini mengubah link otomatis di komentar anda menjadi teks biasa yang tidak mengarahkan ke halaman apa pun

<script type='text/javascript'>
//<![CDATA[
$(function() {
$('.comment_body p').find('a').contents().unwrap();
});
//]]>
</script>

03Menandai link aktif dengan tulisan

dengan script ini, link aktif akan secara otomatis diganti dengan tulisan

<script type='text/javascript'> 
$(document).ready(function(){ 
$('.comment_body p').find('a').replaceWith('<mark>Jangan memasang link aktif bro...</mark>'); }); 
</script>

04Mematikan link aktif dengan menambah peringatan

Saat link aktif di blok dengan script ini, maka akan muncul peringatan. silahkan anda ubah tulisan yang saya beri warna sesuai keinginan anda.

<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        if (content[i].innerHTML.indexOf('</a>') !== -1) {
            content[i].innerHTML = "<mark>No live link!!!</mark> Dilarang melakukan spam di blog ini!";
            content[i].className = "deteksi-spam";
        }
    }
}
blockLinks('comment-holder', 'p');
//]]>
</script>

Silahkan ubah comment-holder menjadi comment_block atau comment_body jika tidak berfungsi dengan tag tersebut. pasang css berikut ini di template anda

.deteksi-spam{color:white;font-size:90%}

Semoga bermanfaat untuk anda....

Artikel Terkait

  • Cara membuat tag pre di blogger
    Tag pre adalah sebuah elemen yang di gunakan untuk membungkus baris kode selain penggunaan menggunakan tag blokquote, tag pre umunya di gunakan oleh blog yang menyajikan barik kode tertentu pada sebuah artikel atau baris kode lainnya. buat sahabat yang masih bingung silahkan lihat gambar atau blog ini. Cara untuk membuat tag pre memang susah s…
  • Nivo Slider, jquery slider dengan 9 efek transisi
    Saya ingin memperkenalkan Nivo Slider jquery kepada Anda. Ini plugin Jquery mengagumkan untuk slider dengan 9 efek transisi yang unik, dan terlihat sangat profesional seperti slide show Flash. Salah satu slider yang paling mengesankan yang pernah saya lihat. Demo Bagaimana tentang efek? Keren? Plugin ini telah diuji untuk sebagian besa…
  • Membuat javascript random teks
    Random teks adalah sebuah tulisan atau kutipan tertentu yang di tampilkan secara acara acak ketika halaman telah sepenuhnya di muat, trik random teks ini cocok untuk membuat sebuah kutikan atau tulisan tertentu yang ingin anda tampilkan secara berbeda dan saya menerapkan trik ini pada tips di blog ini. untuk lebih jelasnya silahkan anda klik l…
  • Modifikasi Alert Emoticon
    Saya telah membuat postingan Emoticon komentar otomatis namun pada postingan dahulu itu tidak ada modifikasi pemberitahuan pada saat emoticon tersebut di klik yang mana tampilannya masih menggunakan tampilan alert default. Demo Dan pada postingan saya kali ini saya akan membagikan cara modifikasi tampilan alertnya sesuka hati kita agar t…
  • Costume halaman error 404
    404 Adalah Kode Halaman Error yang biasa muncul pada setiap halaman web/blog ketika seorang visitor (pengunjung) mengunjungi url yang tidak ada atau telah di hapus dari web/blog. Nah, kali ini saya ingin berbagi tutorial "Bagaimana Cara Membuat Halaman Error 404" untuk di pasang pada blog sobat dengan sedikit custom dan tambahan jquery. Untuk…
  • Membuat efek linknudge pada label blog
    Salam sobat blogger, masih senantiasa berbagi untuk sobat semua dan kali ini saya akan share tentang membuat efek linknudge pada label posting blogger. walau pun trik ini sebenarnya dapat di terapkan menggunakan css yang pernah saya tulis disini, namun saya kali ini akan berbagi trik membuat linknudge menggunakan jquery. Blogging CSS SE…

2 komentar

  1. terimakasih mas, saya baru saja merubah blog saya dofollow, saya akan mencoba salah satu script di atas, beribu terimakasih ya

    BalasHapus
  2. makasih banyak buat informasinya,, snagat bermanfaat sekali http://goo.gl/hGyYRg

    BalasHapus
Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

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