Pilih Bahasa
Indonesia
English
日本語 (Japan)
简体中文 (China)
한국어 (Korean)
हिन्दी (Hindi)
Tiếng Việt (Vietnam)
العربية (Arabic)
no fucking license

Cara Mudah Menambahkan Fitur Registrasi di Blogger dengan Firebase

menambahkan Fitur Registrasi di Blogger
menambahkan Fitur Registrasi di Blogger

Pada artikel kali ini, saya akan membahas sekaligus membagikan source code untuk menambahkan fitur registrasi di Blogger/Blogspot menggunakan Firebase.

Salah satu kendala utama adalah keterbatasan fitur bawaan Blogger. Oleh karena itu, kita perlu menggunakan database pihak ketiga untuk menyimpan data pengguna yang mendaftar di blog. Semua proses harus dilakukan secara manual, termasuk menghubungkan Firebase Authentication dan Database Firebase dengan kode JavaScript yang digunakan di blog. Ini berbeda dengan WordPress, yang sudah menyediakan plugin khusus untuk fitur login, sehingga pemasangannya jauh lebih mudah dan tidak perlu dilakukan secara manual.

Dalam tutorial ini, saya hanya akan fokus pada cara menambahkan fitur registrasi. Sementara untuk fitur login, akan saya bahas secara terpisah di artikel berikutnya agar lebih mudah dipahami dan tidak terlalu panjang dalam satu pembahasan.

Cara Memasang Fitur Register di Blogger Menggunakan Firebase

Source code fitur register yang akan saya bagikan ini memerlukan database dari Firebase untuk menyimpan data-data user yang telah mendaftar di blog. Nantinya, jika user sudah berhasil melalukan registrasi dan berhasil melalukan VERIFIKASI EMAIL, data user akan dilanjutkan dan disimpan ke database Firebase secara otomatis.

Selan itu, saya juga menambahkan fungsi validasi untuk mencocokkan data yang akan didaftarkan dengan data yang sudah tersimpan di database. Jika email atau nomor telepon pengguna ternyata sudah terdaftar di database, maka user tadi tidak dapat menggunakan data yang sama (simpelnya agar tidak terjadi penggunaan duplikat data). Dan untuk cara pemasangannya akan saya bagi menjadi beberapa tahap supaya memudahkan dalam memahami langkah-langkahnya. Simak dan ikuti tahapnya di bawah ini sampai selesai ya.

Kenapa Harus Ada Verifikasi Email?

Tahap verifikasi email ini bertujuan untuk mencegah adanya spam pendaftaran (mendaftar secara berturut-turut) serta pendaftaran dengan data yang tidak valid dari pengunjung. Jadi jika ada pengunjung yang ingin mendaftar di blog kamu, mereka harus menggunakan data email yang valid karena harus melewati proses verifikasi atau konfirmasi pendaftaran terlebih dahulu.

Membuat Proyek Web App di Firebase

Karena fitur registrasi ini memerlukan database, langkah pertama yang perlu dilakukan adalah membuat proyek Firebase untuk menyimpan data pengguna. Jika kamu sudah memiliki proyek Firebase kosong, kamu bisa melewati langkah ini dan langsung ke tahap berikutnya.

Mendaftarkan Aplikasi Web di Firebase

Langkah-langkah:
1. Buka Firebase

2. Kunjungi situs Firebase di https://firebase.google.com.

3. Jika ini pertama kalinya menggunakan Firebase, klik tombol "Mulai", lalu masuk menggunakan akun Google kamu.

4. Setelah berhasil masuk ke akun Firebase, klik tombol "Add Project" di halaman dashboard.

5. Ikuti langkah-langkah yang diberikan hingga proyek Firebase berhasil dibuat.

6. Setelah proyek berhasil dibuat, klik ikon "</>" (CODE) untuk membuat aplikasi web baru dalam proyek tersebut.

Mendaftarkan Aplikasi Web di Firebase

Langkah-langkah:

1. Masukkan nama untuk aplikasi web sesuai keinginan.

2. Klik tombol "Register app" untuk melanjutkan.

3. Pada tahap kedua, pilih opsi yang menggunakan tag <script>.

4. SALIN semua script yang ditampilkan pada halaman konfigurasi.

5. Script ini berisi API key, authDomain, projectId, dan informasi lain yang diperlukan untuk menghubungkan Firebase ke Blogger.

6. Setelah menyalin script, klik tombol "Continue to console" untuk masuk ke dashboard Firebase.

7. Login dengan Akun Google

Buat Proyek Baru

Ikuti Petunjuk Pembuatan Proyek

1. Tambahkan Aplikasi Web

Setelah tahap ini selesai, proyek Firebase telah siap digunakan untuk proses registrasi pengguna. Selanjutnya, kita akan membuat Realtime Database untuk menyimpan data pengguna yang terdaftar.

Setelah membuat proyek Firebase, langkah selanjutnya adalah mendaftarkan aplikasi web agar dapat digunakan di Blogger.

2. Beri Nama Web App

3. Pilih Opsi Integrasi

4. Salin Konfigurasi Firebase

5. Selesai!

Langkah berikutnya adalah mengintegrasikan script Firebase ke dalam Blogger agar fitur registrasi bisa digunakan.

Sampai tahap ini sudah selesai membuat project dan web app baru di Firebase. Langkah selanjutnya membuat realtime database baru. Untuk caranya, ikuti langkah-langkah pada poin berikut.

Membuat Realtime Database di Firebase

Masih di halaman project sebelumnya, klik menu Build Realtime Database Create Database.

Memasang Fitur Register Authentication di Blogger

Membuat Realtime Database Firebase baru

Untuk lokasi realtime database, gunakan opsi default, United States (us-central1) dan untuk security rules pilih yang Start in locked mode. Kemudian klik tombol Enable.

Kemudian masuk ke tab Rules lalu ganti semua script rules bawaan dengan rules di bawah ini.

{

  "rules": {

    ".read": true,

    ".write": true

  }

Rules ini bisa kamu ganti dan sesuaikan sendiri sesuai kebutuhan kamu dan rules ini juga yang menentukan script berfungsi atau tidak.

Selesai!

Jika Teman-teman bingung lihat pada gambar Alurnya

Lihat Petunjuk Gambar Ini Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
alur membuat Firebase
Buka Firebase
alur membuat Firebase
Buat Projek Baru
alur membuat Firebase
project settings
alur membuat Firebase
Buka Aplikasi Baru
alur membuat Firebase
Buat Aplikasi Baru Realtime Database
alur membuat Firebase
Salin dan simpan dulu kode Firebasemu
alur membuat Firebase
Mauk ke sini authentication
alur membuat Firebase
Aktifkan authentication Google
alur membuat Firebase
authentication Google
alur membuat Firebase
Aktifkan authentication Email juga
alur membuat Firebase
Masuk Keseting Amsukan Domain Kalian

Membuat Project Authentication Firebase

Project authentication ini digunakan untuk metode registrasi dan login user. Di sini saya hanya akan contohkan metode register menggunakan email dan password. Jika kamu ingin menambahkan metode lain seperti menggunakan akun Google juga bisa.

Masih di halaman project yang sama, buka menu Build Authentication klik tombol Get started.

Pilih pada tab Sign-in method kemudian pilih Email/Password. Dan jangan lupa aktifkan terlebih dulu kedua pengaturan seperti gambar di bawah ini. Setelah itu klik Save.

Cara Memasang Fitur Register di Blogger dengan Firebase Authentication

Setelah itu masuk ke tab bagian Settings Authorized domains. Setelah itu klik Add domain lalu tambahkan domain blog kamu.

Di poin ini kamu bisa sesuaikan pengaturan pesan email verifikasi yang akan dikirim untuk user. Secara default, semua pesan seperti konfirmasi email dan reset password menggunakan bahasa Inggris. Kamu bisa atur melalui tab Templates.

Memasang Script Register di Blogger
  • Masuk ke akun Blogger kamu.
  • Buat halaman baru khusus untuk form registrasi user.
  • Pindah ke Tampilan HTML.
  • Setelah itu salin dan tempelkan seluruh kode di bawah ini.
  • Salin dan tempelkan seluruh skrip yang ada di bawah ini.
  • Selesai!
  • Jangan lupa ganti bagian config Firebase dengan script config Firebase kamu yang sudah kamu salin pada tahap Pembuatan Akun Firebase.

    • HTML
    • CCS
    • javascript
    <!-- HTML REGITRASI Form Firebase BY EGIAGAN.COMm -->
    <form name="registration_form" id="registration_form">
      <div class="form-container">
        <h2>Registrasi Akun</h2>
        <input type="text" id="name" placeholder="Nama Lengkap" class="input-field"/>
        <input type="email" name="email" id="email" class="input-field" placeholder="Email (ex. contoh@gmail.com)" />
        <input type="password" name="password" id="password" class="input-field" placeholder="Password (ex. contoh123)" />
        <button type="button" id="register" name="register" class="submit-button">DAFTAR</button>
      </div>
    </form>
    
    <!-- JS BY EGIAGAN.COM -->
    <div class="egiaganAlert"></div>
    <a class="egiagancom-credit" href="https://www.egiagan.com">www.egiagan.com</a>
    <style>  h1{display:none}body{font-family:'Arial', sans-serif;padding:0;margin:0;height:100vh;display:grid;place-items:center}h2{text-align:center;font-size:24px;color:#333}.form-container{background-color:#ffffff;padding:30px;border-radius:8px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);width:100%;max-width:400px;margin:0 20px}.input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:5px;font-size:16px}.input-field:focus{border-color:#007bff;outline:none}.submit-button{width:100%;padding:12px;background-color:#007bff;color:white;border:none;border-radius:5px;font-size:16px;cursor:pointer}.submit-button:hover{background-color:#0056b3}.submit-button:active{background-color:#004085}.egiaganAlert{position:fixed;top:4rem;left:50%;transform:translate(-50%, -50%);padding:1rem 1.25rem;width:100%;max-width:600px;align-items:center;text-align:center;border:1px solid var(--border);border-radius:7px;background-color:var(--postBg);box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);display:none;animation:0.5s ease-out fadeInDown;z-index:999999}@media only screen and (max-width:480px){.egiaganAlert{max-width:90%;width:100%;height:auto}.form-container{padding:20px;max-width:90%}.input-field{padding:12px;font-size:14px}.submit-button{padding:14px;font-size:14px}h2{font-size:20px}}@keyframes fadeInDown{from{opacity:0;transform:translate(-50%, -60%)}to{opacity:1;transform:translate(-50%, -50%)}}.egiaganAlert.success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.egiaganAlert.error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.egiagancom-credit{text-align:center;display:block;margin-top:20px;font-size:14px;color:#007bff}.egiagancom-credit:hover{text-decoration:underline}</style>
    <!-- JS BY EGIAGAN.COM -->>
    <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-database.js"></script>
    <script async defer>
    /*<![CDATA[*/
    <!-- JS REGITRASI BY EGIAGAN.COM -->
    let egiaganRegister = {
      credit: {
        name: "www.egiagan.com",
        visibility: "visible"
      },
      alert: {
        invalidInput: "Semua kolom harus diisi",
        invalidPhone: "Nomor telepon harus lebih dari 6 angka dan maksimal 13 angka.",
        invalidPass: "Password harus memiliki minimal 6 huruf, karakter dan angka.",
        regisBerhasil: "Registrasi berhasil. Silakan verifikasi email sebelum login.",
        regisGagal: "Terjadi kesalahan saat registrasi. Silakan coba lagi.",
        emailEksis: "Alamat email sudah terdaftar.",
        phoneEksis: "Nomor telepon sudah terdaftar."
      },
      profileUrl: "/login.html"  // Menyimpan URL halaman profil
    };
    
    // Ganti Bagian Firebase Configuration ini
    const firebaseConfig = {
      apiKey: "00000000000000000000000000000000000000",
      authDomain: "projek-kamu-0000.firebaseapp.com",
      projectId: "projek-kamu-0000",
      storageBucket: "projek-kamu-0000.firebasestorage.app",
      messagingSenderId: "000000000000",
      appId: "0:000000000000:web:0000000000000000000000"
    };
    
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    
    (function(_0x2197e9,_0x44fdf6){function _0x37c9c2(_0x4f532b,_0x2c797a,_0x47f96f,_0x92dbc4){return _0x5bad(_0x4f532b- -0x331,_0x2c797a);}function _0x291224(_0x3362a3,_0x4b2d19,_0x17f1ed,_0x1ab44d){return _0x5bad(_0x4b2d19- -0x147,_0x1ab44d);}const _0x2a4868=_0x2197e9();while(!![]){try{const _0x50b626=parseInt(_0x291224(0x1c,0x49,0x67,0x75))/(0x1118+-0x124f+0x138)*(-parseInt(_0x37c9c2(-0x141,-0x172,-0x113,-0x14a))/(-0x21*0xc5+-0x85f*-0x3+0x4a))+-parseInt(_0x291224(0xb7,0x8c,0x4b,0x90))/(0x21a5+-0x1158+-0x104a)*(parseInt(_0x37c9c2(-0x161,-0x166,-0x179,-0x190))/(-0x16a+0x46c+-0x2fe*0x1))+-parseInt(_0x291224(0x50,0x3a,0x4d,0x50))/(0x1b3e+-0x1*-0x1d1d+-0x3856)+parseInt(_0x37c9c2(-0x18b,-0x159,-0x162,-0x17a))/(0x4*0x8c0+-0x139d+-0xf5d)+-parseInt(_0x37c9c2(-0x175,-0x139,-0x190,-0x19b))/(-0x5*0x4d+-0x2177+-0x20f*-0x11)*(-parseInt(_0x291224(0x4d,0x70,0x6e,0x89))/(0xd8c+-0x4e8+-0x4c*0x1d))+-parseInt(_0x291224(0x21,0x55,0x7b,0x3f))/(-0x49*-0x61+-0x222e+0x68e)+parseInt(_0x37c9c2(-0x137,-0x100,-0x102,-0x108))/(0x147*-0xb+-0x3*-0x2ba+0x5e9);if(_0x50b626===_0x44fdf6)break;else _0x2a4868['push'](_0x2a4868['shift']());}catch(_0xa2bfed){_0x2a4868['push'](_0x2a4868['shift']());}}}(_0x4ab5,-0x198d1+0x29c5b+0x135f8));const _0x535229=(function(){let _0x5d65d1=!![];return function(_0x1df9b0,_0x23381a){const _0x56a4c8=_0x5d65d1?function(){function _0x1b7f08(_0x510ad7,_0x1ad5b4,_0x4cdd2c,_0x1820bb){return _0x5bad(_0x4cdd2c-0x2fa,_0x1ad5b4);}if(_0x23381a){const _0x1b0544=_0x23381a[_0x1b7f08(0x508,0x511,0x4fd,0x4d4)](_0x1df9b0,arguments);return _0x23381a=null,_0x1b0544;}}:function(){};return _0x5d65d1=![],_0x56a4c8;};}());function _0x5bad(_0x24b4fd,_0x19f213){const _0x535229=_0x4ab5();return _0x5bad=function(_0x4ab5f2,_0x5bad4a){_0x4ab5f2=_0x4ab5f2-(0x1b*0x10f+-0x1b06+-0xe);let _0x1b4350=_0x535229[_0x4ab5f2];return _0x1b4350;},_0x5bad(_0x24b4fd,_0x19f213);}function _0x514be4(_0x3038e0,_0xd3f3f5,_0x43212e,_0x2fff57){return _0x5bad(_0x2fff57- -0x329,_0x43212e);}const _0x19f213=_0x535229(this,function(){function _0x37faa6(_0x3007ae,_0x3d1a4a,_0x32b3e8,_0x3c699a){return _0x5bad(_0x3c699a-0x354,_0x32b3e8);}const _0x5d203a={};function _0x5dc2c7(_0x17b3e9,_0x1b3970,_0x1c237f,_0x63cd76){return _0x5bad(_0x1b3970- -0x3c0,_0x63cd76);}_0x5d203a['jrBpP']=_0x37faa6(0x501,0x578,0x568,0x53a)+'+$';const _0x215b60=_0x5d203a;return _0x19f213[_0x37faa6(0x523,0x513,0x541,0x51c)]()[_0x37faa6(0x4b2,0x4cd,0x4f1,0x4ed)](_0x37faa6(0x55d,0x570,0x4fd,0x53a)+'+$')[_0x5dc2c7(-0x1e8,-0x1f8,-0x1d4,-0x238)]()[_0x37faa6(0x542,0x511,0x546,0x543)+'r'](_0x19f213)[_0x37faa6(0x4ac,0x4e2,0x50b,0x4ed)](_0x215b60['jrBpP']);});_0x19f213();const _0x1b2af6=(function(){const _0x772c37={'dGrAz':function(_0x498f5f,_0x1e7e22){return _0x498f5f!==_0x1e7e22;},'lpvEQ':_0x4a150d(0x27,0x53,0x4d,0x2b),'sncZZ':_0x15b9d9(0x2ff,0x2d0,0x317,0x2e3),'moldI':function(_0x3b2949,_0x493d0d,_0x18d66c){return _0x3b2949(_0x493d0d,_0x18d66c);},'zpeLk':'success'};let _0x12d28c=!![];function _0x15b9d9(_0x4f84ac,_0x1fcbcb,_0x254b5e,_0x9d954a){return _0x5bad(_0x4f84ac-0x154,_0x1fcbcb);}function _0x4a150d(_0x2eff59,_0x310fcf,_0x210b1c,_0x530d14){return _0x5bad(_0x310fcf- -0x14f,_0x210b1c);}return function(_0x1d780e,_0x4eae7d){const _0xe567fb={'mOzRB':function(_0x305a2d,_0x109fe0,_0x47a140){function _0x3cc0bf(_0x1db8d5,_0x2d2e0a,_0x2ec768,_0x2099f1){return _0x5bad(_0x2ec768- -0x1d2,_0x2d2e0a);}return _0x772c37[_0x3cc0bf(-0x5a,-0x68,-0x4c,-0x1d)](_0x305a2d,_0x109fe0,_0x47a140);},'Yqlmc':_0x772c37[_0x393aaf(0x4cf,0x4a9,0x4ae,0x4d4)]},_0x8ce502=_0x12d28c?function(){function _0x2d62f6(_0x546a89,_0x46cc9e,_0x35ae20,_0x39a7c6){return _0x393aaf(_0x546a89-0x2e,_0x546a89,_0x46cc9e- -0x554,_0x39a7c6-0x74);}function _0xe7c907(_0x4059e5,_0xce6499,_0x184ebc,_0x3388d6){return _0x393aaf(_0x4059e5-0xd,_0xce6499,_0x184ebc- -0x6e5,_0x3388d6-0x51);}if(_0x772c37[_0xe7c907(-0x1bf,-0x207,-0x1e1,-0x1cc)](_0x772c37['lpvEQ'],_0x772c37[_0x2d62f6(-0x55,-0x53,-0x7c,-0x4f)])){if(_0x4eae7d){const _0x291849=_0x4eae7d[_0x2d62f6(0x2,-0x2f,-0x49,-0x14)](_0x1d780e,arguments);return _0x4eae7d=null,_0x291849;}}else _0xe567fb[_0x2d62f6(-0x2d,-0x6f,-0x2e,-0x2e)](_0x2e924c,_0xfd4730[_0xe7c907(-0x1e2,-0x212,-0x225,-0x24c)][_0xe7c907(-0x200,-0x252,-0x238,-0x242)+_0x2d62f6(-0x65,-0x8a,-0x9f,-0x9b)],_0xe567fb[_0x2d62f6(-0x9d,-0x8b,-0x98,-0x81)]),_0xe567fb[_0x2d62f6(-0x85,-0x6f,-0x87,-0x90)](_0x4113db,_0x20d2b5[_0x2d62f6(-0x56,-0x94,-0x61,-0x85)][_0x2d62f6(-0x20,-0x37,0xb,-0x2c)+_0x2d62f6(-0xc7,-0xa0,-0xc2,-0xab)],_0xe7c907(-0x1bf,-0x1db,-0x1d8,-0x209)),_0x2236bb['location'][_0x2d62f6(-0xd,-0x34,-0x3c,-0xe)]=_0x4dcd13['profileUrl'];}:function(){};function _0x393aaf(_0x1965a8,_0x4aa6aa,_0x3d9948,_0x45d32b){return _0x4a150d(_0x1965a8-0x161,_0x3d9948-0x471,_0x4aa6aa,_0x45d32b-0xce);}return _0x12d28c=![],_0x8ce502;};}()),_0x466be3=_0x1b2af6(this,function(){const _0x4c48cb={'LBCpk':function(_0x3f0372,_0x144163,_0x1c5b6f){return _0x3f0372(_0x144163,_0x1c5b6f);},'gHiQN':_0x245789(0x133,0x100,0x14b,0x100),'unlaS':function(_0x3bbebd,_0x122ec9){return _0x3bbebd(_0x122ec9);},'ESQLr':function(_0x4b5551,_0x2cc485){return _0x4b5551+_0x2cc485;},'VrRVG':function(_0x367550,_0x166df8){return _0x367550+_0x166df8;},'KDerV':_0x245789(0x169,0x180,0x13a,0x155)+'nction()x20','cSVHY':_0x245789(0x131,0xf9,0x125,0x164)+'ctor(x22retu'+_0x245789(0x13e,0x106,0x120,0x16e)+'x20)','RqADr':function(_0x282ccc,_0x59d942){return _0x282ccc!==_0x59d942;},'trGke':_0x245789(0x167,0x17c,0x14d,0x178),'JAuFG':_0x245789(0x138,0x10a,0x166,0x135),'nxwNp':_0x245789(0x142,0x164,0x16a,0x14d),'iscil':'warn','hayoI':_0x1fa22f(0x44f,0x435,0x483,0x437),'MTcIn':_0x245789(0x14d,0x127,0x10e,0x156),'PGFtT':_0x1fa22f(0x467,0x49c,0x43c,0x43d),'HzIED':_0x1fa22f(0x47d,0x442,0x480,0x451),'ELMCh':function(_0x499edb,_0x542eac){return _0x499edb<_0x542eac;},'MuXyV':function(_0x4c1c0e,_0x5d7c58){return _0x4c1c0e!==_0x5d7c58;},'YPesh':_0x1fa22f(0x478,0x4a7,0x49b,0x4ae)};let _0x16ac30;try{const _0x72d9fa=_0x4c48cb['unlaS'](Function,_0x4c48cb['ESQLr'](_0x4c48cb['VrRVG'](_0x4c48cb[_0x245789(0x127,0x11d,0x133,0xf0)],_0x4c48cb[_0x245789(0x12a,0x14f,0x10d,0x15b)]),');'));_0x16ac30=_0x72d9fa();}catch(_0x5f2001){_0x4c48cb[_0x245789(0xfd,0x10c,0x130,0x106)](_0x4c48cb['trGke'],_0x4c48cb[_0x1fa22f(0x479,0x4b7,0x48f,0x457)])?_0x16ac30=window:_0x4c48cb['LBCpk'](_0x51b4b5,_0x196539[_0x1fa22f(0x43a,0x478,0x443,0x43d)][_0x245789(0xf4,0x12b,0xd2,0xc5)],_0x4c48cb[_0x1fa22f(0x486,0x48d,0x4a3,0x478)]);}function _0x1fa22f(_0x5a8d23,_0x53d0e6,_0x33ba90,_0x4e25b9){return _0x5bad(_0x5a8d23-0x29c,_0x33ba90);}function _0x245789(_0x5b0b5e,_0x38322b,_0x7620d3,_0x56360f){return _0x5bad(_0x5b0b5e- -0x96,_0x56360f);}const _0x5a924c=_0x16ac30['console']=_0x16ac30[_0x245789(0x15b,0x164,0x166,0x19d)]||{},_0x1b3663=[_0x4c48cb[_0x245789(0x12f,0x165,0x10a,0x10c)],_0x4c48cb[_0x1fa22f(0x446,0x44c,0x47e,0x447)],_0x4c48cb['hayoI'],_0x1fa22f(0x465,0x423,0x48f,0x44c),_0x4c48cb[_0x245789(0x113,0x152,0x131,0x110)],_0x4c48cb[_0x245789(0x130,0x105,0x124,0x166)],_0x4c48cb['HzIED']];for(let _0x54abfd=-0x1301*0x1+-0xd4a+-0x49d*-0x7;_0x4c48cb[_0x1fa22f(0x437,0x45b,0x417,0x46a)](_0x54abfd,_0x1b3663['length']);_0x54abfd++){if(_0x4c48cb[_0x1fa22f(0x4a1,0x4bf,0x489,0x4e0)]('fjtRc',_0x4c48cb['YPesh'])){const _0x1d2a7c=_0xfbb4f['constructo'+'r']['prototype'][_0x245789(0x13c,0x17f,0x179,0x128)](_0x50f945),_0x593cbd=_0x46030e[_0x16e192],_0x51b869=_0x82c5ab[_0x593cbd]||_0x1d2a7c;_0x1d2a7c[_0x1fa22f(0x450,0x442,0x453,0x44a)]=_0x7d1cb6[_0x245789(0x13c,0x124,0x154,0x170)](_0x19677d),_0x1d2a7c[_0x245789(0x132,0x158,0x11f,0x144)]=_0x51b869[_0x245789(0x132,0xf3,0x107,0x162)][_0x245789(0x13c,0x112,0x175,0x135)](_0x51b869),_0x3ecaec[_0x593cbd]=_0x1d2a7c;}else{const _0x129381=_0x1b2af6[_0x1fa22f(0x48b,0x47c,0x47c,0x485)+'r'][_0x245789(0x10f,0x12d,0xee,0x12f)][_0x1fa22f(0x46e,0x469,0x45c,0x47c)](_0x1b2af6),_0x26add9=_0x1b3663[_0x54abfd],_0xca3c59=_0x5a924c[_0x26add9]||_0x129381;_0x129381[_0x245789(0x11e,0xe8,0xe0,0x11e)]=_0x1b2af6['bind'](_0x1b2af6),_0x129381['toString']=_0xca3c59[_0x1fa22f(0x464,0x433,0x439,0x44d)][_0x1fa22f(0x46e,0x47f,0x48a,0x442)](_0xca3c59),_0x5a924c[_0x26add9]=_0x129381;}}});_0x466be3();function _0x345831(_0x59e9d4,_0x3e6298,_0xc6823c,_0x5bbd1a){return _0x5bad(_0x3e6298-0x174,_0x59e9d4);}document[_0x345831(0x370,0x333,0x335,0x36f)+_0x514be4(-0x1aa,-0x1bf,-0x172,-0x198)]('register')['addEventLi'+_0x514be4(-0x173,-0x17b,-0x1a1,-0x1a4)](_0x345831(0x30b,0x32a,0x314,0x301),function(){const _0x4d985d={'IJBJw':function(_0x4b7a31,_0x42248a,_0x59b265){return _0x4b7a31(_0x42248a,_0x59b265);},'NuSYv':function(_0x4b2308,_0x185cc0){return _0x4b2308+_0x185cc0;},'NoAdH':'users/','cEUNC':function(_0x5df1c7){return _0x5df1c7();},'jnBBW':'auth/email'+'-already-i'+_0x47103a(0x1ea,0x21e,0x1df,0x203),'dzQcA':function(_0x444189,_0xfbd90){return _0x444189===_0xfbd90;},'WFscg':_0x47103a(0x299,0x267,0x24b,0x25d),'FEDQq':_0x129134(-0x2b,-0x1,-0x1c,-0x34),'QeYUN':_0x47103a(0x23f,0x24e,0x20e,0x220),'XIsvf':_0x47103a(0x204,0x1ff,0x234,0x206),'GSUjS':function(_0x152d8a,_0x4f666b){return _0x152d8a||_0x4f666b;},'MLqhK':function(_0x235656,_0x40cc9e){return _0x235656!==_0x40cc9e;},'OGvRK':_0x47103a(0x224,0x209,0x234,0x204),'DRIIQ':function(_0x257f07,_0x337d46,_0xd2e839){return _0x257f07(_0x337d46,_0xd2e839);}},_0x4d403e=document[_0x47103a(0x200,0x224,0x235,0x220)+'ById'](_0x4d985d[_0x129134(-0x33,0x7,-0x4e,-0x37)])[_0x47103a(0x233,0x25e,0x260,0x22a)];function _0x129134(_0x6c3fa0,_0x36d572,_0x24e5cf,_0x2876f4){return _0x514be4(_0x6c3fa0-0x6c,_0x36d572-0x9e,_0x24e5cf,_0x6c3fa0-0x135);}function _0x47103a(_0x33931e,_0x311e0d,_0x33a0e8,_0x1f2a2e){return _0x345831(_0x33a0e8,_0x311e0d- -0x10f,_0x33a0e8-0x16,_0x1f2a2e-0x1e);}const _0x1a47ae=document[_0x129134(-0x35,0xc,0x8,0x8)+_0x129134(-0x63,-0x3b,-0x32,-0x95)](_0x47103a(0x235,0x1fb,0x235,0x20d))[_0x129134(0x5,-0x35,-0x2e,-0x1b)],_0x5b82a3=document['getElement'+'ById'](_0x4d985d[_0x129134(-0x1,-0x24,-0x1c,0x3f)])[_0x47103a(0x227,0x25e,0x241,0x234)];if(_0x4d985d[_0x129134(-0x1d,-0x18,-0x37,0x1c)](!_0x4d403e,!_0x1a47ae)||!_0x5b82a3){if(_0x4d985d[_0x129134(-0x8,0xe,-0x29,0x2c)]('rTjYn',_0x4d985d[_0x129134(-0x27,-0x2e,-0x52,-0x2a)])){_0x4d985d[_0x129134(-0x32,-0x64,-0x3e,-0x33)](showAlert,egiaganRegister[_0x129134(-0x56,-0x7a,-0x34,-0x2e)][_0x129134(-0x10,0x1f,-0x27,-0xe)+'ut'],_0x4d985d['FEDQq']);return;}else{const _0x371b48=_0x374494['apply'](_0x53e21d,arguments);return _0x3c4cd1=null,_0x371b48;}}firebase[_0x47103a(0x282,0x261,0x283,0x25f)]()[_0x47103a(0x253,0x266,0x233,0x24d)+_0x129134(-0x6c,-0x9d,-0x50,-0xad)+'ndPassword'](_0x1a47ae,_0x5b82a3)['then'](_0x359fcd=>{const _0x4f1ce0={'gHjEW':_0x27f1d2(0x4ae,0x4bf,0x4f5,0x4c8),'fehKf':function(_0x2d31a6,_0x1818a8,_0x2651bc){function _0x2a71c6(_0x5943d8,_0x146b35,_0x5c874e,_0x25882b){return _0x27f1d2(_0x5943d8-0x91,_0x146b35-0x10d,_0x146b35,_0x5c874e- -0xbd);}return _0x4d985d[_0x2a71c6(0x3cc,0x398,0x3d1,0x3e3)](_0x2d31a6,_0x1818a8,_0x2651bc);},'XwaQJ':function(_0x4ec6e3,_0x46ce6e,_0x10f12d){function _0x3175e4(_0x29791b,_0x56b5ad,_0x4077ae,_0x319e00){return _0x27f1d2(_0x29791b-0xf9,_0x56b5ad-0x137,_0x319e00,_0x4077ae- -0xcf);}return _0x4d985d[_0x3175e4(0x39d,0x3b3,0x3bf,0x3f0)](_0x4ec6e3,_0x46ce6e,_0x10f12d);}};function _0x27f1d2(_0x5ec472,_0x25fb65,_0x395e21,_0x9b00ae){return _0x129134(_0x9b00ae-0x4d1,_0x25fb65-0x13,_0x395e21,_0x9b00ae-0x6);}const _0x7b516f=_0x359fcd[_0x27f1d2(0x44d,0x45f,0x444,0x46b)],_0x21ba35={};function _0x4701db(_0x188d38,_0x78f391,_0x27f14e,_0x48b081){return _0x129134(_0x188d38-0x248,_0x78f391-0x137,_0x27f14e,_0x48b081-0x15);}_0x21ba35[_0x4701db(0x23d,0x24b,0x203,0x208)]=_0x4d403e,_0x21ba35[_0x4701db(0x1ea,0x1bb,0x1c8,0x1d3)]=_0x1a47ae,_0x21ba35[_0x4701db(0x24c,0x282,0x23c,0x25e)]='',firebase[_0x27f1d2(0x44e,0x4a5,0x4ba,0x489)]()['ref'](_0x4d985d[_0x4701db(0x223,0x244,0x22b,0x1f6)](_0x4d985d[_0x27f1d2(0x4aa,0x4f0,0x4a3,0x4ca)],_0x7b516f[_0x4701db(0x212,0x239,0x219,0x1e7)]))[_0x4701db(0x1e8,0x204,0x1c7,0x1d7)](_0x21ba35),_0x7b516f[_0x27f1d2(0x4d7,0x50c,0x49e,0x4d3)+'erificatio'+'n']()[_0x4701db(0x206,0x21b,0x228,0x1c7)](()=>{showAlert(egiaganRegister[_0x509bc3(-0x186,-0x17c,-0x16c,-0x15e)][_0x509bc3(-0x199,-0x168,-0x1d8,-0x1c4)+_0x509bc3(-0x17c,-0x190,-0x175,-0x1bc)],_0x4f1ce0[_0x509bc3(-0x160,-0x19d,-0x123,-0x17e)]);function _0x509bc3(_0x42c32c,_0x12c22e,_0x5062e8,_0x24fdb6){return _0x4701db(_0x42c32c- -0x378,_0x12c22e-0x1ad,_0x24fdb6,_0x24fdb6-0x190);}_0x4f1ce0[_0x10f290(-0x23b,-0x202,-0x207,-0x200)](showAlert,egiaganRegister[_0x509bc3(-0x186,-0x19f,-0x1a8,-0x14f)][_0x10f290(-0x19a,-0x182,-0x191,-0x19d)+_0x10f290(-0x225,-0x1d0,-0x222,-0x206)],_0x509bc3(-0x139,-0x14f,-0x149,-0x105));function _0x10f290(_0x55d8f3,_0x16dc08,_0x5df070,_0x53a872){return _0x27f1d2(_0x55d8f3-0xc8,_0x16dc08-0x14f,_0x5df070,_0x53a872- -0x675);}window[_0x10f290(-0x183,-0x1af,-0x18e,-0x198)][_0x10f290(-0x1bb,-0x1cd,-0x198,-0x19a)]=egiaganRegister[_0x509bc3(-0x169,-0x19b,-0x198,-0x193)];})[_0x4701db(0x239,0x25e,0x255,0x229)](()=>{function _0x18453f(_0x11a2d0,_0x126fed,_0x1d15fc,_0x2e69d8){return _0x4701db(_0x1d15fc- -0x3a5,_0x126fed-0x197,_0x11a2d0,_0x2e69d8-0x116);}function _0x30c79b(_0x46cfbf,_0x4ca2c6,_0x54e00a,_0x3456f0){return _0x4701db(_0x46cfbf- -0x1ce,_0x4ca2c6-0x14e,_0x54e00a,_0x3456f0-0xb);}_0x4f1ce0[_0x30c79b(0x5b,0x1f,0x27,0x23)](showAlert,egiaganRegister['alert'][_0x30c79b(0x10,0x31,0x32,-0x1e)],'error');});})[_0x129134(-0xf,-0x7,0x2,-0x4)](_0x49b4b0=>{const _0x2a9184={'YyfMb':function(_0x3d2512){function _0x565075(_0x510b4e,_0x372600,_0x504ef8,_0x519f42){return _0x5bad(_0x372600- -0x19e,_0x510b4e);}return _0x4d985d[_0x565075(0xd,0x1c,0x27,-0xc)](_0x3d2512);}};function _0x314c78(_0x172675,_0x3490b6,_0x302039,_0x4cd898){return _0x47103a(_0x172675-0x108,_0x3490b6- -0x3fa,_0x4cd898,_0x4cd898-0x1b3);}function _0x4380ac(_0xcd382,_0x10dd1b,_0x223ea6,_0xca0a3e){return _0x129134(_0x223ea6-0x117,_0x10dd1b-0xfe,_0xca0a3e,_0xca0a3e-0xf3);}_0x49b4b0[_0x314c78(-0x20a,-0x1e8,-0x1d7,-0x212)]===_0x4d985d[_0x4380ac(0xfd,0xf1,0x11a,0x108)]?_0x4d985d[_0x4380ac(0x129,0x102,0xf4,0x134)](_0x4d985d[_0x4380ac(0xf1,0xad,0xd3,0xc1)],_0x4380ac(0x106,0x14d,0x118,0x11f))?_0x2a9184[_0x314c78(-0x209,-0x1cb,-0x1f4,-0x1ae)](_0x3e1992):_0x4d985d['IJBJw'](showAlert,egiaganRegister[_0x4380ac(0xa5,0xca,0xc1,0xf7)][_0x314c78(-0x1c4,-0x200,-0x22c,-0x228)],_0x4d985d[_0x314c78(-0x1d8,-0x1f8,-0x226,-0x1da)]):_0x4d985d[_0x314c78(-0x221,-0x1e4,-0x222,-0x20f)](showAlert,egiaganRegister[_0x314c78(-0x215,-0x1f7,-0x233,-0x1e5)][_0x4380ac(0xab,0xde,0xad,0x6c)],_0x314c78(-0x1b1,-0x1cc,-0x199,-0x192));});});function showAlert(_0x3f6f3a,_0x3c823d){function _0x32b192(_0x5db641,_0x2dcff6,_0x31ef3b,_0xa90b8e){return _0x345831(_0x31ef3b,_0xa90b8e- -0x1ca,_0x31ef3b-0x15c,_0xa90b8e-0x2d);}const _0x5da7d6={};_0x5da7d6['qYXZY']='.egiaganAl'+_0x59ad45(0x384,0x374,0x310,0x350),_0x5da7d6[_0x59ad45(0x308,0x302,0x30e,0x2ff)]=_0x32b192(0x11d,0x12a,0x134,0x159);function _0x59ad45(_0x3c0b6a,_0x2bc61a,_0x42b068,_0x5b8e9a){return _0x345831(_0x42b068,_0x5b8e9a- -0x16,_0x42b068-0x1e4,_0x5b8e9a-0x166);}const _0x5af3f4=_0x5da7d6,_0x3873fa=document[_0x32b192(0x1bd,0x1af,0x15a,0x188)+_0x32b192(0x162,0x148,0xf5,0x137)](_0x5af3f4[_0x32b192(0x155,0x170,0x1cc,0x192)]);_0x3873fa['classList'][_0x32b192(0x148,0x179,0x11d,0x158)](_0x3c823d),_0x3873fa[_0x32b192(0x14f,0x145,0x118,0x14a)]=_0x3f6f3a,_0x3873fa[_0x59ad45(0x305,0x31e,0x321,0x33e)][_0x59ad45(0x2d3,0x2bb,0x2ed,0x2f5)]=_0x5af3f4[_0x32b192(0x133,0x181,0x11f,0x14b)],setTimeout(function(){function _0x5b360a(_0x407f9e,_0x1255d7,_0x23b1bd,_0x25acac){return _0x32b192(_0x407f9e-0x1b0,_0x1255d7-0x95,_0x407f9e,_0x23b1bd- -0x272);}function _0x2fd930(_0x619acf,_0x228843,_0x28e86a,_0xa42c58){return _0x59ad45(_0x619acf-0x18e,_0x228843-0x1a5,_0x28e86a,_0x619acf- -0x3fd);}_0x3873fa[_0x2fd930(-0xbf,-0xfe,-0xc0,-0xa4)][_0x2fd930(-0x108,-0x10f,-0x100,-0xe2)]='none',_0x3873fa['classList'][_0x5b360a(-0x10b,-0xd0,-0xda,-0xff)](_0x3c823d);},-0x8f9*0x2+0x1*-0xe45+0x2fd7);}document['addEventLi'+_0x345831(0x2dd,0x2f9,0x328,0x338)](_0x345831(0x381,0x340,0x341,0x375)+_0x345831(0x37f,0x34e,0x34f,0x38d),function(){const _0x55f384={'ECNYx':_0x266369(0x394,0x3c5,0x3bd,0x3cf)+_0x289882(0x2c2,0x2dc,0x2cc,0x2f5)+_0x266369(0x3c8,0x39d,0x3c3,0x3d3),'ELPeL':_0x289882(0x2b8,0x2bd,0x295,0x288)+_0x266369(0x413,0x41d,0x3e9,0x408),'xBbPw':_0x266369(0x3f1,0x39d,0x3d7,0x3ef),'NGqxk':_0x289882(0x2b8,0x2dc,0x2dd,0x2aa)+'m-credit','KIKSx':function(_0xbf7aec,_0x311d9f){return _0xbf7aec||_0x311d9f;},'ONeOM':function(_0x51245f,_0x1eb833){return _0x51245f!==_0x1eb833;},'HhYMx':function(_0x402bb1){return _0x402bb1();}},_0x1a6d55={};_0x1a6d55[_0x266369(0x434,0x445,0x41d,0x434)]=_0x55f384[_0x266369(0x40c,0x42b,0x40d,0x445)];function _0x266369(_0xea7624,_0x19e7e2,_0x38eb28,_0x1679ef){return _0x514be4(_0xea7624-0xb4,_0x19e7e2-0x137,_0x1679ef,_0x38eb28-0x55d);}function _0x289882(_0x5895c3,_0x545a56,_0xacc49,_0x259962){return _0x514be4(_0x5895c3-0x132,_0x545a56-0x1e8,_0x545a56,_0xacc49-0x41f);}_0x1a6d55[_0x266369(0x466,0x3e6,0x428,0x43a)]=_0x55f384[_0x289882(0x29c,0x286,0x278,0x2b8)];const _0x42894d=_0x1a6d55,_0x3eb50b=document['querySelec'+_0x266369(0x3a3,0x397,0x3c1,0x392)](_0x55f384[_0x266369(0x3f1,0x3cc,0x3bb,0x37a)]),_0x120fee=document[_0x266369(0x3de,0x443,0x412,0x44d)+_0x266369(0x390,0x404,0x3c1,0x393)]('.egiaganAl'+_0x266369(0x455,0x406,0x426,0x439));function _0x2288c5(){function _0x4b4a2f(_0x222320,_0x11de8f,_0x3816f0,_0x3946c3){return _0x289882(_0x222320-0xd5,_0x3816f0,_0x11de8f- -0x72,_0x3946c3-0x8);}function _0x1fbc49(_0x56e25f,_0x3fab0f,_0x4867fc,_0x1afd47){return _0x266369(_0x56e25f-0x110,_0x3fab0f-0x11,_0x1afd47- -0x528,_0x56e25f);}window[_0x1fbc49(-0xdc,-0xc3,-0xf3,-0xf4)][_0x4b4a2f(0x25c,0x282,0x26b,0x244)]=_0x55f384['ECNYx'];}(_0x55f384[_0x266369(0x416,0x41c,0x3ec,0x41d)](!_0x3eb50b,!_0x120fee)||_0x55f384[_0x289882(0x299,0x30a,0x2d1,0x2f0)](_0x3eb50b[_0x266369(0x390,0x3c8,0x3b7,0x3d9)+'t'],egiaganRegister[_0x289882(0x318,0x2fb,0x2fa,0x2db)][_0x289882(0x2f8,0x322,0x2df,0x2d9)]))&&_0x55f384[_0x266369(0x3ca,0x3d3,0x3b8,0x3b7)](_0x2288c5);});function _0x4ab5(){const _0x5052fb=['RqADr','set','emailEksis','email','display','fehKf','search','password','ELMCh','840474GtsnVF','FEDQq','alert','www.egiaga','innerHTML','DafaX','NMzZK','visible','uzulZ','prototype','868758bscpmz','Yqlmc','sil','MTcIn','iscil','NcLaU','database','code','add','block','WFscg','IJBJw','then','info','__proto__','n.com','click','1814808eGTBLv','KIKSx','n-use','cEUNC','profileUrl','7ZJGldQ','KDerV','uid','getElement','cSVHY','QeYUN','DRIIQ','mOzRB','gHjEW','nxwNp','PGFtT','{}.constru','toString','error','YyfMb','table','DOMContent','OGvRK','htTKF','NuSYv','188jZPAbF','dzQcA','bind','12279RTFknB','rnx20thisx22)(','XwaQJ','w.egiagan.','GSUjS','log','ELPeL','Loaded','ONeOM','fjtRc','JAuFG','querySelec','sncZZ','style','trace','dGrAz','exception','invalidInp','catch','(((.+)+)+)','.egiaganco','qYXZY','name','gHiQN','success','MLqhK','NoAdH','remove','constructo','21836FbZnSh','console','ert','XIsvf','visibility','ILTUe','sendEmailV','jnBBW','phone','value','4726060ulMteM','emailVerif','auth','JfdUQ','href','returnx20(fu','location','createUser','pRTdg','apply','credit','MuXyV','1190055mqeNvq','xBbPw','textConten','HhYMx','stener','moldI','NGqxk','WithEmailA','https://ww','regisGagal','regisBerha','zpeLk','tor','user','com','16iUTAid','ById','ikasi'];_0x4ab5=function(){return _0x5052fb;};return _0x4ab5();}
    /*]]>*/</script>
  • Selesai!
  • Jangan Menganti Credit Pada Kode Registrasi Firebase Agar Kode Bisa Berjalan dan Tidak Beralih ke www.egiagan.com.

    Penutup

    Sampai di tahap ini, kamu sudah berhasil memasang fitur registrasi di Blogger menggunakan Firebase Authentication. Sekarang, kamu bisa langsung mencoba fitur registrasi yang telah dibuat di blog kamu.Jika ingin melihat tampilan demo fitur registrasi, kamu bisa mengunjungi halaman registrasi yang telah dibuat. Script yang digunakan di halaman tersebut sama dengan script yang sudah dijelaskan sebelumnya.Jika fitur registrasi di blog kamu tidak berfungsi atau mengalami kendala, jangan ragu untuk bertanya di kolom komentar. Selamat mencoba! 

    Jika ingin menghapus Cridit cukup berlangan Premium saja dan kode tanpa kridit bisa kamu hapus dan ubah

    Cara Untuk Berlangganan Premium produk di blog Egiagan.lihat di sini

    Untuk cara melalukan pembelian produk di blog Egiagan, lihat di sini.

    Kode Registrasi Open Source Khusus Member

    Harap login terlebih dahulu untuk mengakses konten di halaman ini. Konten hanya dapat diakses oleh pengguna premium.
    Maaf, kamu tidak memiliki akses ke konten eksklusif ini. Hubungi admin jika ada kesalahan.
    Paket Premium Sudah Berakhir!
    Maaf, masa aktif paket premium akun kamu sudah habis. Silakan lakukan perpanjangan paket premium terlebih dulu untuk mengakses konten di halaman ini.

    Post a Comment

    Tinggalkan komentar sesuai topik tulisan,dan Berkomentarlah dengan sopan, centang Beri Tahu Saya untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
    Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.
    • Menulis kode gunakan kode (kode harus di-parse)
    • Menulis dalam syntax highlighter gunakan kode panjang (kode harus di-parse)
    • Menyisipkan gambar gunakan URL GAMBAR (ekstensi .jpg, .png, .gif, .webp, .ico)
    • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.


    image quote pre code