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.
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
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>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