4 Cara Mencegah Live Links Pada Kotak Komentar Blog - Seiring dengan banyaknya pengunjung yang tiba ke blog kita, akan semakin banyak pula komentar-komentar pada artikel blog kita.
Dari sekian banyak komentar yang masuk, biasanya ada saja komentar yang mengarah pada spam (sampah, tidak berguna) hingga scam (penipuan, jebakan betmen).
Biasanya para spammer ini meninggalkan jejak berupa link di dalam kotak komentar, berharap link-link tersebut diklik juga oleh pengunjung blog kita.
Nah, ini sanggup menjadi potensi bahaya, terlebih kalau link-link spam tersebut menuju ke situs berkonten negatif, tentu hal tersebut tidak baik untuk blog kita.
Kali ini blog akan mengembangkan tutorial bagaimana cara untuk memblokir link-link pada komentar blog kita.
Cara ini unggul dalam hal kecepatan alasannya yakni sedikitnya isyarat CSS yang dipakai tidak akan memberatkan loading blog kita. Link komentar yang disembunyikan dengan CSS tidak akan sanggup di-klik alasannya yakni link tersebut tidak ditampilkan.
Caranya yakni dengan memasang CSS berikut sebelum isyarat ]]></b:skin>.
Namun, menyembunyikan link komentar dengan CSS ini mempunyai kelemahan. Link komentar tidak akan ditampilkan secara kasat mata saja, namun nyatanya, kalau dilihat pada Page Source artikel link tersebut masih aktif. Pengunjung mungkin tidak akan menyadari, namun robot mesin pencari masih sanggup mendeteksi.
Dari sekian banyak komentar yang masuk, biasanya ada saja komentar yang mengarah pada spam (sampah, tidak berguna) hingga scam (penipuan, jebakan betmen).
Biasanya para spammer ini meninggalkan jejak berupa link di dalam kotak komentar, berharap link-link tersebut diklik juga oleh pengunjung blog kita.
Nah, ini sanggup menjadi potensi bahaya, terlebih kalau link-link spam tersebut menuju ke situs berkonten negatif, tentu hal tersebut tidak baik untuk blog kita.
Kali ini blog akan mengembangkan tutorial bagaimana cara untuk memblokir link-link pada komentar blog kita.
Menyembunyikan Link Komentar dengan CSS
Cara ini unggul dalam hal kecepatan alasannya yakni sedikitnya isyarat CSS yang dipakai tidak akan memberatkan loading blog kita. Link komentar yang disembunyikan dengan CSS tidak akan sanggup di-klik alasannya yakni link tersebut tidak ditampilkan.
Caranya yakni dengan memasang CSS berikut sebelum isyarat ]]></b:skin>.
CSS
#comments p a{ display: none !important;}
Namun, menyembunyikan link komentar dengan CSS ini mempunyai kelemahan. Link komentar tidak akan ditampilkan secara kasat mata saja, namun nyatanya, kalau dilihat pada Page Source artikel link tersebut masih aktif. Pengunjung mungkin tidak akan menyadari, namun robot mesin pencari masih sanggup mendeteksi.
Menghilangkan Link Komentar dengan Javascript dan JQuery
Menghilangkan link komentar dengan javascript dan jQuery lebih direkomendasikan, alasannya yakni benar-benar akan menghilangkan link aktif di kotak komentar. Cara ini sangat efektif dan sering dipakai oleh para Blogger untuk menghalau link spammer beraksi.
Caranya sangat mudah, pasang salah satu dari javascript atau jQuery di bawah ini sebelum isyarat </body>
Javascript
Script ini akan memblokir seluruh komentar yang mengandung link aktif, dan menunjukkan salinan komentar orisinil dari komentator. Tujuannya biar sang komentator merevisi komentar yang telah dibuatnya dan tidak menyertakan link aktif di dalam komentarnya.
Script
<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) {
var salinan = content[i].innerHTML;
content[i].innerHTML = "<div>Maaf, link aktif tidak diperkenankan di sini. Salinan komentar Anda :</div><div><textarea>" + salinan + "</textarea> <div>Terima kasih atas pengertiannya</div>";
content[i].className = "spammers";
}
}
}
// Jalankan fungsi!
blockLinks('comments', 'p');
//]]>
</script>
//<![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) {
var salinan = content[i].innerHTML;
content[i].innerHTML = "<div>Maaf, link aktif tidak diperkenankan di sini. Salinan komentar Anda :</div><div><textarea>" + salinan + "</textarea> <div>Terima kasih atas pengertiannya</div>";
content[i].className = "spammers";
}
}
}
// Jalankan fungsi!
blockLinks('comments', 'p');
//]]>
</script>
JQuery
Script pertama akan mengubah link aktif di dalam kotak komentar menjadi teks biasa.
Script
<script type='text/javascript'>
//<![CDATA[
$(function(){$('#comments p').find('a').contents().unwrap();});
//]]>
</script>
//<![CDATA[
$(function(){$('#comments p').find('a').contents().unwrap();});
//]]>
</script>
Script kedua akan memblokir link aktif dan secara tegas memberi kalimat peringatan untuk tidak mencantumkan link aktif dalam komentar.
Script
<script type='text/javascript'>
//<![CDATA[
$(function(){$('#comments p').find('a').replaceWith("<mark>Spam Detected!</mark> Link aktif otomatis terhapus!!!");});
//]]>
</script>
//<![CDATA[
$(function(){$('#comments p').find('a').replaceWith("<mark>Spam Detected!</mark> Link aktif otomatis terhapus!!!");});
//]]>
</script>
Sekian tutorial Menghilangkan Link Aktif Pada Kotak Komentar Blog. Jika ada pertanyaan silahkan sampaikan melalui kotak komentar di bawah.
Sumber https://duarupa.blogspot.com/
Script kedua akan memblokir link aktif dan secara tegas memberi kalimat peringatan untuk tidak mencantumkan link aktif dalam komentar.
Script
<script type='text/javascript'>
//<![CDATA[
$(function(){$('#comments p').find('a').replaceWith("<mark>Spam Detected!</mark> Link aktif otomatis terhapus!!!");});
//]]>
</script>
//<![CDATA[
$(function(){$('#comments p').find('a').replaceWith("<mark>Spam Detected!</mark> Link aktif otomatis terhapus!!!");});
//]]>
</script>
Sekian tutorial Menghilangkan Link Aktif Pada Kotak Komentar Blog. Jika ada pertanyaan silahkan sampaikan melalui kotak komentar di bawah.
Sumber https://duarupa.blogspot.com/
Related Posts
- Cara Menciptakan Web Push Notifications Di BloggerWeb push notifications merupakan pesan atau notifikasi pop-up yang muncul pada layar desktop maupun smartphone Anda dikala membuka halaman website at ...
- Cara Memasang Gambar Background Random Di Blogger Membuat tampilan blog semakin menarik itu penting, semoga pengunjung situs setia Anda tidak bosan ketika sedang membaca artikel Anda. Banyak seka ...
- Cara Menciptakan Hidangan Navigasi Blog Horizontal Sederhana Salah satu ciri blog yang disukai oleh pengunjung yakni mempunyai hidangan navigasi yang terang sehingga tidak membingungkan pengunjung dalam menelu ...
- Cara Memasang Dan Modifikasi Label Cloud Keren Di Blogger Mempercantik tampilan blog merupakan hal yang perlu dilakukan oleh setiap blogger, ada banyak cara untuk menciptakan tampilan blog semakin menarik ...
- Membuat Struktur Dasar Template Blog Blogger Saat ini Anda sedang membaca serial ketiga dari 11 seri panduan menciptakan template blog sendiri. Pada serial sebelumnya kita telah berhasil membua ...
- Membuat Syntax Highlighter Di Postingan Blogger - Sintaks Highlighter ialah fitur khusus dari proses mentransfer arahan bahasa pemrograman tertentu dengan tulisan, warna teks, posisi persis ibarat ...
