✍️ script pembuat kode captcha

Cara Memasang kode captcha / Script kode captcha di Blogspot

Ada beberapa cara untuk memasang sebuah kode captcha atau script di Blogspot. Seperti pada artikel sebelumnya yaitu

Setiap lokasi pemasangan memiliki fungsi dan karakteristik yang berbeda, sehingga penting untuk mengetahui tempat mana yang paling sesuai untuk kebutuhan Anda.

1. Memasang di Halaman Postingan (Artikel)

Cara ini cocok jika tool ingin muncul hanya pada satu artikel tertentu.

Langkah-langkah:

  1. Login terlebih dahulu ke https://www.blogger.com menggunakan email Anda.
  2. Pilih Buat Postingan Baru atau tekan tombol (+).
  3. Pada editor postingan, ubah mode ke HTML (bukan Compose).
  4. Salin dan tempel kode script yang sudah kami sediakan di bawah artikel ini ke dalam kotak editor postingan HTML anda.

Setelah itu, tambahkan judul, label, gambar, dan deskripsi sesuai kebutuhan. Klik Publikasikan untuk menyimpan postingan.

2. Memasang di Halaman Statis

Halaman statis biasanya dipakai untuk konten permanen seperti: tool, generator, halaman privacy policy, halaman kontak, atau aplikasi mini. Pemasangan script di halaman statis membuat tool lebih rapi dan mudah diakses.

Langkah-langkah:

  1. Buka Blogger dan masuk ke dashboard.
  2. Pada menu kiri, pilih Halaman → + Halaman Baru.
  3. Ubah mode editor ke HTML agar script dapat berjalan.
  4. Tempelkan script tool Anda ke dalam kolom HTML.
  5. Beri judul halaman, misalnya: kode captcha Tool Generator.
  6. Klik Publikasikan.

Kelebihan menaruh script di halaman statis adalah tampilannya lebih bersih, URL halaman tetap, dan tidak bercampur dengan konten blog lainnya.

3. Memasang di Template

Cara ini digunakan jika Anda ingin script tampil di semua halaman blog, misalnya script:

  • popup otomatis
  • script SEO
  • script efek animasi background
  • script anti-copy, script tombol mengambang, dll

Langkah-langkah:

  1. Buka Blogger → Tema.
  2. Klik tombol Edit HTML.
  3. Untuk script JS, letakkan sebelum tag </body> agar loading lebih cepat.
  4. Untuk script CSS, letakkan sebelum </head>.
  5. Simpan template.

Menaruh script di Template memberikan kontrol penuh, tetapi harus berhati-hati karena salah penempatan bisa menyebabkan error pada tampilan blog.

4. Memasang di Widget HTML / Gadget HTML

Ini adalah cara paling mudah dan aman, cocok untuk script yang ingin tampil pada area sidebar, footer, atau bagian tertentu.

Langkah-langkah:

  1. Buka Blogger → Tata Letak.
  2. Pilih lokasi widget (Sidebar, Footer, Header).
  3. Klik Tambah Gadget.
  4. Pilih HTML/JavaScript.
  5. Tempelkan script Anda di kolom yang muncul.
  6. Simpan.

Widget HTML ideal untuk script kecil seperti:

  • tombol klik
  • counter visitor
  • iklan
  • tool sederhana
  • shortcode

Kesimpulan

Menentukan lokasi pemasangan script sangat penting agar tool kode captcha bekerja maksimal dan sesuai fungsi. Jika tool hanya untuk satu artikel, pasang di postingan. Jika ingin halaman khusus, gunakan halaman statis. Jika ingin seluruh blog terpengaruh, pasang di template. Jika ingin praktis, gunakan widget HTML.

Tag Pencarian artikel

kumpulan kode membuat script pembuat kode captcha terbaru!

    Salin dan tempel kode script script pembuat kode captcha ini di blog kamu..


    klik untuk menyalin


    👇
    <div id="simpleCaptcha" style="max-width:320px;margin:20px auto;text-align:center;background:#000;color:#fff;padding:18px;border-radius:8px;font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;transition:opacity .5s ease;"> <h3 style="margin:0 0 10px;font-weight:600;font-size:18px;">Too many requests</h3> <form id="captcha_form" onsubmit="return false;"> <p id="captcha_display" title="klik untuk ganti" style="cursor:pointer;color:#ff6666;font-size:22px;margin:0 0 12px;padding:6px;border-radius:6px;user-select:none;">0000</p> <input type="tel" id="captcha_box" size="12" maxlength="4" placeholder="ketik angka di atas" inputmode="numeric" style="padding:12px;width:100%;box-sizing:border-box;border-radius:6px;border:1px solid #ccc;font-size:16px;outline:none;" /> <br><br> <button id="captcha_submit" type="button" style="padding:12px;width:100%;border-radius:6px;border:0;background:linear-gradient(to bottom,#177bbd,#0f50a6);color:#fff;font-size:16px;cursor:pointer;"> Submit </button> <p id="captcha_msg" style="margin-top:10px;color:#ffcccb;font-size:14px;min-height:18px;"></p> </form> </div> <!-- konten tersembunyi --> <div id="kontenAsli" style="display:none;text-align:center;padding:20px;background:#111;color:#fff;border-radius:8px;"> <h2>Selamat Datang!</h2> <p>Kamu berhasil melewati captcha.</p> </div> <script> (function(){ const DIGITS = 4; const box = document.getElementById('simpleCaptcha'); const display = document.getElementById('captcha_display'); const input = document.getElementById('captcha_box'); const submit = document.getElementById('captcha_submit'); const msg = document.getElementById('captcha_msg'); const konten = document.getElementById('kontenAsli'); function genRandomDigits(len){ const max = Math.pow(10, len) - 1; return String(Math.floor(Math.random() * (max + 1))).padStart(len, '0'); } function setNewCaptcha(){ const code = genRandomDigits(DIGITS); display.dataset.code = code; display.textContent = code; input.value = ''; msg.textContent = ''; input.focus(); } function validate(){ const expected = display.dataset.code; const entered = input.value.trim(); if(entered === ''){ msg.style.color = '#ffcccb'; msg.textContent = 'Masukkan angka captcha.'; return; } if(entered === expected){ msg.style.color = '#b6ffb6'; msg.textContent = 'Benar!'; setTimeout(() => { box.style.opacity = '0'; setTimeout(() => { box.style.display = 'none'; konten.style.display = 'block'; }, 500); }, 400); } else { msg.style.color = '#ff9999'; msg.textContent = 'Salah — coba lagi.'; setTimeout(setNewCaptcha, 600); } } display.addEventListener('click', setNewCaptcha); input.addEventListener('input', function(){ if(this.value.replace(/\D/g,'').length >= DIGITS){ this.value = this.value.replace(/\D/g,'').slice(0, DIGITS); validate(); } }); submit.addEventListener('click', validate); setNewCaptcha(); input.focus(); })(); </script>

    🕵️ Preview Code disana
    👇

    di


    Komentar untuk script pembuat kode captcha

    script pembuat kode captcha Berhasil Disalin
    Tunggu 15 detik