You are currently viewing Cara menghilangkan badge Google reCaptcha

Cara menghilangkan badge Google reCaptcha

Google sangat pelit dengan aset yang dimiliki nya. Termasuk ReCaptcha yang mereka miliki. Mereka ingin menunjukan bahwa itu adalah milik Google (mereka), sehingga -secara default- badge captcha itu akan terlihat.

Namun sayang nya, badge tersebut bisa menjadi penghalang pengguna ketika mengunjungi atau menggunakan situs. Sehingga, perlu untuk dihilangkan.

 

Tampilan badge Captcha sebelum 1024x488 1

Lalu, bagaimana cara melakukan nya?. Kunci nya adalah menggunakan kode berikut ini.

/* Sembunyikan Google recaptcha By devanoda.com */
.grecaptcha-badge { opacity:0;}

 

Ada dua cara untuk mengimplementasikan kode diatas

Menggunakan Theme file editor

  1. Masuk ke menu: Appereance >> Theme file editor.
  2. Pilih Stylesheet (style.css)
  3. Tambahkan saja kode nya disana.

 

CSS kode menyembunyikan Google Captcha via Theme Files 1024x505 1

Menggunakan Additional CSS

Jika tema yang Anda gunakan memiliki menu ‘Additional CSS’, seperti tema OceanWP yang saat ini kami gunakan, akan lebih praktis dan aman menaruh kode CSS ini disana.

  1. Masuk ke Appereance >> Customize
  2. Pilih ‘Custom CSS/ JS’
  3. Masukan kode nya disana.

CSS kode menyembunyikan Google Captcha via Additional CSS 1024x509 1

 

 

Hasil Akhir nya, bisa Anda lihat pada gambar dibawah ini. Tampak tidak ada lagi badge google recaptcha yang mengganggu User Interface.

 

Hasil google captcha yang sudah dihapus 1024x488 1