Belajar desain template blog dan dunia blogging

4 Cara mematikan link aktif pada komentar blog

Link aktif yang kita biarkan dalam komentar blog sebagai sebuah link hidup, bisa menjadi pintu masuk para spammer untuk meletakan link yang mengarah ke blog atau situs mereka, mereka meletakan link aktif pada komentar untuk tujuan tertentu, pada umumnya agar mendapatkan baclink dari situs yang dikomentarinya, banyak sekali prilaku para komentator dalam berkomentar, ada yang relevan ada yang hanya sekedar nyepam dengan hanya berkomentar ala kadarnya tanpa ada sangkut pautnya dengan isi artikel, jika menemukan komentar seperti itu sebaiknya kita hapus saja secara langsung.

Seperti halnya komentar sepam lainnya, blog yang kita biarkan mempublikasikan link aktif pada umumnya dijadikan pintu masuk spammer untuk meletakan link aktif miliknya, dan biasanya komentar mereka sama sekali tidak bermutu dan kebanyakan tidak relevan dengan isi artikel sama sekali, oleh karena itu untuk menghindari hal-hal spam semacam itu, lebih baik link aktif kita non aktifkan dan modifikasi sehingga sesuai dengan yang kita inginkan.

Contoh Peletakan Link hidup dalam komentar

Berikut ilustrasi contoh peletakan link hidup dalam komentar:

Peletakan komentar dengan link aktif



Hasilnya seperti ini:

komentar dengan link hidup


Beberapa alternatif modifikasi yang bisa kita buat untuk menonaktifkan link aktif seperti itu, diantaranya yaitu:

a. Menghilangkan atau menyembunyikan link aktif sehingga tidak kelihatan

b. Mematikan Link aktif menjadi sebuah  text saja

c. Menghapus isi komentar yang mengandung link aktif dan menggantinya dengan text yang berisi pesan tertentu

d. Mengganti link aktif dengan text tertentu tanpa harus menghapus isi komentarnya


Pada artikel kali ini kita akan coba beberapa alternatif untuk memodifikasi link aktif pada komentar dengan menggunakan CSS, JQuery dan Javascript Murni atau pure javascript,

1. Cara Pertama (Menghilangkan link aktif dengan CSS)

Menghilangkan link aktif dengan css maksudnya adalah membuat link tidak kelihatan dimata pengunjung, cara ini sangat tidak direkomendasikan karena hanya menghilangkan link dari mata pengunjung namun tetap masih bisa dibaca oleh browser, dan mesin pencari, mesin pencari masih menganggap didalam komentar tersebut masih mengandung link hidup.
letakan kode berikut sebelum kode */]]></b:skin>
#comments p a{ display: none !important;}
Hasilnya akan seperti ini:

menghilangkan link hidup pada komentar

Dimata pengunjung link tidak nampak, namun dimata mesin pencari link tersebut sebenarnya masih dapat dibaca, dan cara ini sebenarnya cara yang kurang efektif untuk mematikan link aktif dalam komentar.

2. Cara ke 2 (Mengganti Link aktif menjadi text saja)

Cara ini adalah mengganti setiap link aktif yang ditemukan dalam komentar menjadi sebuah text saja dan bukan sebuah link aktif, kita bisa memilih dengan menggunakan jquery atau dengan menggunakan pure javascript, berikut kode yang bisa digunakan:

a. JQuery:
Untuk menggunakan jquery anda diharuskan meload dulu library jquery, berikut script load libaray jquery:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>");
Kemudian masukan kode ini dibawahnya:
<script type='text/javascript'> //<![CDATA[ $(function(){$('#comments p').find('a').contents().unwrap();}); //]]> </script>
Letakan kode-kode diatas sebelum kode </head> 
Hasilnya akan seperti ini:

mengganti link aktif menjadi non aktif 
b. Pure Javascript:
Untuk cara diatas anda juga bisa menggunakan pure javascript, sehingga tidak perlu me-load library jquery , sebagai berikut:
<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 = content[i].innerHTML.replace(/<a[^>]*>|<\/a>/g, "");
}
}
}
blockLinks('comments', 'p');
//]]>
</script>

Hasilnya sama dengan diatas, akan nampak seperti ini:

Memodifikasi link aktif menjadi tidak aktif 

3. Cara ke 3 (Menghapus isi komentar dan menggantinya)

Pada contoh berikut kita akan coba menghapus isi komentar yang mengandung link aktif kemudian menggantinya dengan sebuah text berupa pesan khusus:

Script berikut menggunakan kode Javascript murni (pure javascript), silahkan letakan kode dibawah ini sebelum kode </body> 
<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 = "Komentar mengandung <mark>link aktif</mark> Dilarang nyepam di sini!"; }
}
}
blockLinks('comments', 'p');
//]]>
</script>

Silahkan anda ganti text warna merah dengan text yang anda inginkan, contoh diatas akan menghasiltan tampilan seperti dibawah ini:

menghapus pesan link aktif dan diganti dengan pesan khusus


4. Cara ke 4 (Mengganti Link aktif dengan text tertentu)

Script berikut digunakan untuk menonaktifkan dan mengganti setiap link aktif yang ditemukan dalam komentar dengan tulisan tertentu sesuai yang diinginkan, tanpa menghapus isi komentarnya:

Script berikut menggunakan kode Javascript murni (pure javascript), silahkan letakan kode dibawah ini sebelum kode </body> 
<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 = content[i].
innerHTML.replace(/<a[^>]*>.*<\/a>/g, " <mark>Ini link aktif</mark> ");            content[i].className = "spammer-detected";;
            content[i].className = "spammer-detected";
        }
    }
}
blockLinks('comments', 'p');
//]]>
</script>

Silahkan anda ganti text warna merah dengan text yang anda inginkan, contoh diatas akan menghasiltan tampilan seperti dibawah ini:

Mengganti link aktif dengan pensan khusus

Tulisan Ini link aktif adalah pesan khusus yang kita sisipkan menggantikan link aktif pada komentar tersebut dan sudah bukan merupakan link dan tidak bisa di klik.


0 Komentar

Silahkan berkomentar sesuai dengan topik artikel diatas, komentar dengan kata-kata tidak pantas, out of topic akan langsung dihapus