Cara Membuat reCAPTCHA di Blogger

Halo Semuanya, pada kesempatan kali ini saya akan membagikan cara Membuat atau Menambahkan reCAPTCHA di Blogger, fitur reCAPTCHA biasanya sering digunakan Pada Safelink atau pun Contacts Form.

Sebelum kita ke Cara membuatnya mari kita bahas tentang reCAPTCHA terlebih dahulu.

Apa Itu reCAPTCHA

reCAPTCHA adalah layanan gratis dari Google yang membantu melindungi situs web dari spam dan penyalahgunaan. 

"CAPTCHA" adalah tes turing untuk membedakan manusia dan bot. Mudah bagi manusia untuk dipecahkan, tetapi sulit untuk "bot" 

Apa Fungsi reCAPTCHA

reCAPTCHA berfungsi untuk Melindungi Website kalian dari Serangan Bot dan sebagainya.

Sebelum kita mulai mari kita lihat Demo-nya Terlebih dahulu .

View Demo

Cara Membuat reCAPTCHA di Blogger

Langkah 1 :- Pertama Buka Blogger.com.

Langkah 2 :- Setelah itu Login Akun Anda.

Langkah 3 :- kemudian buat Postingan atau Halaman baru.

Langkah 4 :-  Klik Icon pensil yang ada di sudut atas kiri judul postingan dan Pilih Tampilan Html

Langkah 5 :- Kemudian Tempelkan kode Html  dibawah ini.

<!--reCaptcha Blogger By Seon-->
<div id="g-recaptcha-error">
</div>
<div class="g-recaptcha" data-callback="verifyCaptcha" data-sitekey="#SiteKey"></div>
<div id="g-recaptcha-error"></div>
<script src="https://www.google.com/recaptcha/api.js"></script>
<script>function submitUserForm() {    var response = grecaptcha.getResponse();    if(response.length == 0) {        document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Solve below reCAPTCHA.</span>';        return false;    }    return true;}function verifyCaptcha() {    document.getElementById('g-recaptcha-error').innerHTML = '';}</script>
<!--End Script-->

Langkah 6 :- Kemudian Posting dan Liat Hasilnya.

Kamu Perlu site key untuk membuat reCAPTCHA nya Bekerja, ikuti langkah dibawah untuk mendapatkannya.

Cara Mendapatkan Site Key

Langkah 1 :- Pertama Buka https://www.google.com/recaptcha dan Klik Menu dan Pilih “V3 admin Console.

Langkah 2 :- Di Label , Masukkan Url Domain Anda Seperti 'seonxyrbae.com'.

Langkah 3 :- Pada tipe reCAPTCHA, Pilih reCAPTCHA v2, setelah itu Pilih Kotak Centang “I’m not a robot”.

Langkah 4 :-  Di Domain, Tambahkan Domain Anda Seperti 'seonxyrbae.com'.

Langkah 5 :- Kemudian Klik Submit dan Salin kode site key dan tempelkan di kode #Sitekey .

Langkah 6 :- Kemudian Perbarui postingan dan Liat Hasilnya.

Kesimpulan :-

Sekian dulu Tutorial Kali Ini, Semoga tutorial ini dapat bermanfaat bagi anda semua dan terima kasih telah mengunjungi website saya.

Source:
www.seonxyrbae.com