Skip to main content

Cara Menyembunyikan Link Aktif di Komentar Blog dengan CSS

Link Aktif yang disematkan pengomentar melalui komentar menurut sebagian besar anak Blogger dapat mempengaruhi performa dan kesehatan blog di Mesin Pencari. Pengaruhnya dapat menurunkan peringkat artikel postingan di SERP (Search Engine Results Page) yang tadinya di posisi bagus jadi menurun kebawah bahkan hilang dari hasil pencarian, mungkin begitu..

Tidak hanya menurut anak Blogger tapi juga menurut SEO (Search Engine Optimization) terutama dan khususnya Link Aktif yang mengarah ke situs yang dengan reputasi buruk seperti mungkin situs terindikasi penipuan, software jahat, pokoknya yang jahat-jahat.

Jika Link Aktif situs-situs tersebut tertanam di komentar blog kita maka blog kita akan terkena imbasnya. Tapi kalau sekedar Link Aktif dari teman-teman sesama Blogger dan platform terpercaya lainnya saya rasa tidak masalah.

Terkecuali konten blog teman kita juga jahat maka tetap tidak boleh. Apakah ada teman Blogger yang memposting hal jahat? Kebetulan belum lama ini saya mencari sesuatu di Google dan pas saya klik langsung mendapat peringatan dari Chrome, situs ini berbahaya apakah anda tetap ingin melanjutkan? Kata Chrome. Saya lihat subdomain situs tersebut berasal dari blogger juga, ada rasa penasaran sebenarnya ingin melihat hal berbahaya apa yang dia lakukan di blog tapi takut juga sih entar kalau gue klik ponsel gue meledak, kan serem.. mana ponsel cuma semata wayang hehe.

Selain itu meyembunyikan link aktif juga berguna untuk meminimalisir broken link atau not found 404, bisa saja kan link yang disertakan pengomentar itu salah ketik atau typo atau mati karena domainnya tidak diperpanjang. Cara Meminta Penghapusan URL dan Gambar dari Hasil Penelusuran

Untuk blog yang membuka komentar seperti blog kita ini (tanpa moderasi) sangat rawan tempat pengomentar menyelipkan link aktif. Di blog ini sendiri ada beberapa tanpa sengaja saya temukan pengomentar yang menyertakan link aktif yang mengarah ke situs judi.

Cara Menyembunyikan Link Aktif di Komentar Blog dengan CSS

Untuk yang terlihat seperti itu mungkin komentarnya dapat dihapus secara manual tapi kita tidak tau barangkali di posting-posting lainnya di blog kita juga ada komentar serupa yang tidak kita ketahui, untuk itu kita membutuhkan cara berikut untuk menyapu secara keseluruhan.

Cara Menyembunyikan Link Aktif di Komentar Blog dengan CSS


1. Salin potongan pendek css berikut.

.comment-content a{
display:none
}

2. Tempel kedalam Template anda di bagian css. Cara Tambahkan CSS dan HTML di Template Blogger

3. Selesai, cukup itu saja.

Penjelasan mengenai potongan css diatas.

Kelas .comment-content adalah nama kelas tempat komentar tersimpan. Nama kelas tiap blog dapat berbeda-beda tapi saya rasa semua template blogger memakai nama kelas yang sama, jika tidak sama maka anda perlu merubah nama kelas pada potongan css diatas disesuaikan dengan nama kelas tempat penyimpanan komentar diblog anda.

.comment-content a, adalah pendeteksi link aktif.

display:none, adalah perintah untuk menyembunyikan link aktif.

Berhubung css ini hanya menyembunyikan artinya ketika potongan css diatas dilepas maka link aktif yang ada akan muncul kembali, jadi ini hanya menyembunyikan bukan menghapus. Hanya link saja yang tersembunyikan, komentar dalam bentuk teks dan gambar tidak.

Bagaimana jika ingin menyembunyikan gambar juga yang diposting oleh pengomentar? mungkin dapat menambahkan potongan css berikut ini lagi.

.comment-content img{
display:none
}

Namun kemungkinan css diatas dapat membunuh emoticon/smiley juga karena sama-sama gambar.

Bagaimana jika ingin memfilter kata khusus juga yang diposting oleh pengomentar? Misal kata "Anjirr" wkwk.

Sepertinya css tidak mampu buat memfilter guys, filter itu sepertinya bagian tugasnya JavaScript, diperlukan JS jika ingin menyaring/memblokir kata atau moderasi saja kolom komentarnya di Setelan Blogger.

Bagaimana cara berkomentar dengan menyertakan Link Aktif dan Gambar?

Wkwk saya sempat latihan Bagaimana caranya berkomentar dengan menyertakan Link Aktif, karena saya belum pernah berkomentar menyertakan link ataupun gambar. Tapi setelah latihan sepertinya caranya sama seperti umumnya yaitu dengan atribut berikut.

Untuk link:
<a href="https://jaeyzone.blogspot.com">JaeyZone</a>

Untuk gambar:
<img src="isi-dengan-url-gambar"/>

Bagaimana jika ingin menyertakan Link Aktif dalam postingan, misalnya dalam beberapa kasus terkadang diperlukan untuk mengarahkan/merujuk link meskipun ke situs berbahaya? Dalam situasi ini mungkin kita dapat menyertakan tag "nofollow".

Contoh:
<a href="http://situsberbahaya.com" rel="nofollow" target="_blank">Situs Berbahaya</a>

Dengan begitu Mesin Pencari tidak akan merayapi situs tersebut karena ada perintah nofollow alias jangan ikutkan dan situs kita akan tetap aman dari imbasnya, tapi lebih aman lagi cukup dengan link mati saja alias url tok yang tidak dapat di klik, hehe. Demikian semoga bermanfaat!

Comments