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 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 Turn On / Off Lights Video Di BlogSering kita jumpai di beberapa blog atau website yang membahas perihal video menyerupai anime, film barat, drama korea, video streaming dan sejenisny ...
- 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 ...
- Cara Menciptakan Pengaruh Animasi Hujan Salju Pure Css Dan Javascript Di BlogMenambahkan imbas hujan salju pada blog sanggup mempercantik tampilan blog Anda, apalagi bulan desember ini selalu identik dengan animo salju di nega ...
- Cara Menambahkan Emoticon Di Komentar Blogspot alasannya yaitu meningkatnya pengguna medsos (media sosial) dan ingin mennggunakan emoticon lucu untuk berkomentar diblog. Cara menambahkan emotica ...
- Cara Menciptakan Template Blog Blogger Sendiri Mulai Dari Nol Selamat tiba di blog , Blogger! Sebelum memulai, saya ingin menginformasikan kepada Anda bahwa bahwasanya template blog dengan platform Blogger sud ...
