Contoh :
Menyembunyikan Link Komentar dengan CSS
Cara ini unggul dalam hal kecepatan karena sedikitnya kode CSS yang digunakan tidak akan memberatkan loading blog kita. Link komentar yang disembunyikan dengan CSS tidak akan bisa di-klik karena link tersebut tidak ditampilkan.
Caranya adalah dengan memasang CSS berikut sebelum kode]]></b:skin>.
CSS
#comments p a{ display: none !important;}
Namun, menyembunyikan link komentar dengan CSS ini memiliki kelemahan. Link komentar tidak akan ditampilkan secara kasat mata saja, namun nyatanya, jika dilihat pada Page Source artikel link tersebut masih aktif. Pengunjung mungkin tidak akan menyadari, namun robot mesin pencari masih dapat mendeteksi.
Menghilangkan Link Komentar dengan Javascript dan JQuery
Menghilangkan link komentar dengan javascript dan jQuery lebih direkomendasikan, karena benar-benar akan menghilangkan link aktif di kotak komentar. Cara ini sangat efektif dan sering digunakan oleh para Blogger untuk menghalau link spammer beraksi.
Caranya sangat mudah, pasang salah satu dari javascript atau jQuery di bawah ini sebelum kode </body>
Javascript
Script ini akan memblokir seluruh komentar yang mengandung link aktif, dan memberikan salinan komentar asli dari komentator. Tujuannya agar 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 ini. Jika ada pertanyaan silahkan sampaikan melalui kotak komentar di bawah.
0 komentar:
Posting Komentar