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
- 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 ...
- Artikel Agan Ke 100 Blog Terbaik Artikel Agan Ke 100 Blog Terbaik Assallamualikum sahabat perkenalkan nama aku Egi Supiyudin admin di artikel agan usia aku 24 tahun, asal bandung ...
- Cara Menciptakan Blog Yang Ringan, Valid Html5, Dan Seo Friendly Blog yang baik itu blog yang menyerupai apa sih? Sobat Blogger, salah satu cara yang cukup efektif untuk mendatangkan pengunjung ke blog kita yaitu ...
- 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 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 Menciptakan Progress Scrollbar Dengan Warna Gradasi Di BlogAda beberapa situs yang menambahkan pengaruh progress (kemajuan) di pecahan atas website atau blog saat halaman tersebut di scroll ke bawah. Akan mu ...
