Kamis, 09 Maret 2017

Cara Menyembunyikan Link Aktif Pada Komentar Blogger (Dengan 15 Baris Kode Saja)


Komentar dengan link aktif bisa menurunkan reputasi SEO blog, begitulah kata para bloggers yang sering saya baca. Tapi dari pribadi saya sendiri, hal ini kurang begitu saya akui kebenarannya. Buktinya saja Facebook, Twitter, Instagram dan banyak situs besar lainnya tetap bisa menduduki peringkat atas, meskipun sebagian besar situs di dunia ini menautkannya.

Kalau anda termasuk golongan orang yang percaya hal ini, maka pilihan yang paling tepat adalah segera menghapus komentar semacam ini. Lalu bagaimana jika jumlah pengunjung dan komentar hariannya relatif besar? Tetap, anda harus menghapusnya secara manual. Terkhususnya untuk yang menggunakan platform Blogger. Tidak seperti Wordpress, Blogger tdak memiliki banyak pilihan plugin untuk dipakai. Sebagian besar atribut widget tambahan dibuat dengan Javascript. Termasuk dalam hal menyembunyikan komentar dengan link aktif pada blog.

Lihat Juga : Komentar Blogger Sembunyi Karena Pakai Link Aktif? Tenang, Masih Bisa Terindex

Nah, pada kesempatan kali ini, Komputoo akan menunjukkan serta menjelaskan bagaimana cara menyembunyikan komentar blogger dengan javascript. Sangat cocok bagi kalian yang menginginkan cara instan untuk mengusir spammer secara halus. Perlu diingat ya, meski komentar dengan link aktif ini sudah sembunyi, kita tetap harus menghapusnya secara manual. Kenapa? baca saja postingan yang saya lampirkan di atas.

Di Blogger, seluruh komentar blog tersimpan pada elemen <div> dengan nama atribut id "comment-block", lalu tiap teks komentar yang berhasil diposting akan ditampilkan dalam blok elemen <p>teks komentar</p>. Untuk mendeteksi adanya link aktif pada komentar tersebut, kita akan memeriksa apakah di dalam blok <p> tersebut terdapat tag semacam <a ...>...</a>. Jika iya, langsung saja kita bantai komentar tersebut. Metode inilah yang akan dilakukan oleh script berikut:

<script>
//<![CDATA[
function blockComments() {
    var comments = document.getElementById('comment-holder'),
        content = comments.getElementsByTagName('p');
    for(var i = 0; i < content.length; i++) {
        if(content[i].innerHTML.indexOf('</a>') !== -1) {
            content[i].innerHTML = "Maaf, dilarang menambahkan link aktif di komentar!";
            content[i].className = "blocked-comment";
        }
    }
}
blockComments();
//]]>
</script>

Masuk ke bagian manajemen Template di Blogger kamu, lalu pilih Edit HTML. Paste kode di atas, tepat di atas </body>. Simpan dan selesai. Sangat mudah! Hasilnya pun tidak diragukan lagi, bro.


Secara detil, fungsi kerja script di atas sangat sederhana lho sebenarnya. Misalnya salah satu komentar berwujud seperti ini:
<p>
   <a href='http://www.numpanglewat.xxx'>numpang lewat</a>
</p>

Setelah script tersebut bekerja, komentar tersebut akan berubah menjadi seperti ini:
<p class='blocked-comment' >
   Maaf, dilarang menambahkan link aktif di komentar!
</p>

Loh, kenapa ada tambahan class='blocked-comment' ?
Ini sebenarnya untuk mempermudah kita jika ingin pesan block komentar tersebut memiliki gaya tertentu, Misalnya, jika ingin teks pesan blokir tersebut berwarna merah, tambahkan script CSS ini di atas </head>. Sisanya, anda bisa menambahkan style lain juga pada script ini.

<style>
   p.blocked-comment {
     color: red;
   }
</style>

Ok, That's all...
Load disqus comments

0 comments