bergabung di grup telegram kami

user login/register blogger dengan database google sheet

login register blogger
Rp.100.000 / $8

1 lisensi hanya bisa di gunakan di 1 url yang di daftarkan panduan membeli klik disini

fitur login dan register untuk blogger dengan database google sheet dan verifikasi email dengan kode otp.

halaman register kami menambahkan fitur verifikasi email kode otp yang akan di kirim ke email user, jadi user wajib memasukan kode otp untuk melanjutkan pendaftaran, sehingga user tidak dapat menggunakan email ngasal. fitur kirim email kami menggunakan google app script memiliki limit menurut yang kami baca yaitu 100 pesan / hari info lebih lengkap anda bisa melihatnya di sini

untuk mencegah user membuat akun lagi dan mencegah duplikat akun maka kami buat email yang sudah terdaftar tidak dapat di daftarkan kembali.

saat ini di versi terbaru sudah memiliki fitur lupa password pada halaman login dan update data pada halaman profile, untuk melihat apa yang baru silakan klik tab changelog

dalam pembelian ini anda di berikan lisensi personal / pemakaian pribadi ( script tidak open source) jadi hanya bisa di gunakan pada 1 blog saja, jika anda ingin menggunakannya di blog lain maka anda harus membeli lisensinya lagi.

dalam pembelian ini juga sudah termasuk mendapatkan update selamanya jika versi baru tersedia tanpa harus membayar lagi.

pemasangan wajib menggunakan pc tidak bisa melalui hp, jika kamu tidak memiliki pc atau kesulitan dalaman pemasangan, kamu bisa menggunakan jasa kami 50.000 untuk pemasangan

Instalasi lihat vidio di bawah ini

Ambil Data Penulisan
nama userwc.check.nama
email userwc.check.email
nomor hp userwc.check.noHp
link loginwc.url.login
link registerwc.url.register
link profilewc.url.profile

sebenarnya kamu bisa mendapatkan data user dengan localStorage.getItem namun agar penulisan lebih singkat kamu bisa memanggilnya dari json yang telah kami buat.

//contoh menampilkan nama user dengan alert
alert(wc.check.nama);

//contoh menampilkan email user dengan alert
alert(wc.check.email);

//contoh menampilkan nomor user dengan alert
alert(wc.check.noHp);

//contoh redirect ke halaman login
window.location.href=wc.url.login;

//contoh redirect ke halaman register
window.location.href=wc.url.register;

//contoh redirect ke halaman profile
window.location.href=wc.url.profile;

//contoh buka pada tab baru
window.open(wc.url.login);


mengecek apakah user sudah login apa belum, dan aksi yang akan di jalankan.

// cek apakah user sudah login apa belum dan lakukan sesuatu jika sudah atau belum

if(wc.check.login!=null && wc.check.login=="true"){
// jika user sudah login jalankan fungsi di dalam ini
alert('anda sudah login');

// silakan tambahkan sendiri fungsi lainnya sesuai kebutuhan kamu

}else{
// jika user belum login jalankan fungsi di dalam ini
alert('anda belum login');

}

buat wajib login di semua halaman, silakan ubah url login page dan register page dengan milik kalian.

<b:if cond='data:blog.url != "https://www.wendycode.com/p/login.html" and data:blog.url != "https://www.wendycode.com/p/register.html"'>
<script>
/*<![CDATA[*/
function wajibLog(){
if(wc.check.login==null && wc.check.login!="true"){
window.location.href = wc.url.login + '?target=' + location.href;
}
}
wajibLog();
/*]]>*/
</script>
</b:if>

tombol logout sudah ada pada halaman profile, namun jika kamu ingin membuat nya pada semua halaman bisa menggunakan kode seperti ini.


<!-- fungsi logout -->
<button onclick='logout()'>logout</button>
<script>
function logout() {
localStorage.removeItem("login");
}
</script>

opsional parameter ?target=, secara default jika member berhasil login maka akan di alihkan ke halaman profile, kamu bisa menggunakan parameter ini jika ingin membuat member di alihkan kembali ke halaman sebelumnya.

contoh silakan anda logout dan klik tombol beli pada halaman ini maka anda akan di minta untuk login setelah anda login anda akan di alihkan kembali ke halaman ini bukan halaman profile dan perhatikan adressbar browsermu anda akan melihat parameter yang saya sebutkan

// contoh penerapan di tag anchor
<a href='/p/login.html?target=https://urlsaatini.com'>klik</a>

// dengan javascript
window.location.href = wc.url.login + '?target=' + location.href;

bonus contoh yang saya gunakan pada halaman ini, yaitu user wajib login , dan data user otomatis terisi seperti nama dan email anda juga bisa memanggil no hp user.

<!-- bonus contoh yang saya gunakan pada halaman ini, yaitu wajib login untuk membeli -->

<input placeholder='url blog' />
<button onclick='beli()'>beli</button>

<script>
function beli(){
var linkWa = 'https://api.whatsapp.com/send?phone=6281311233392&text=';
var waTeks = 'hallo%20admin%20saya%20ingin%20fitur%20membeli%20user%20login/register%20blogger%0A%0A';
var userNama = '-Nama:%20' + wc.check.nama +'%0A%0A';
var userEmail = '-Email:%20' + wc.check.email +'%0A%0A';
var userUrl = '-Url%20blog%20saya:%20';
var note = document.querySelector('.note').value;
var sumber ='%0A%0A-di%20kirim%20via:%20'+window.location.href;

  if(note == ''){ // jika kolom catatan kosong
    alert('url belum di isi');
    
  }else if(wc.check.login!=null && wc.check.login=="true"){ // jika user sudah login
    window.location.href=linkWa+waTeks+userNama+userEmail+userUrl+note+sumber;
    
  }else{ // jika user belum login
    
    alert('anda belum login!');
    window.location.href= wc.url.login + '?target=' + location.href; 
    
  } 

}
</script>

pengetahuan javascript di perlukan agar dapat membuat apa yang kamu inginkan, silakan kamu kreasikan fitur ini sesuai kebutuhan kamu.

Liris: 03 agustus 2022

V.1.0 Liris

Update: 12 agustus 2022

- Versi 1.1

- Fitur lupa password login dengan kode otp.

- Fitur update data member pada halaman profile , data yang bisa di edit (nama, nomor hp, password).

- Foto profile menggunakan inisial nama member.

- Enscript data member pada google sheet (email, nomor hp, password)

- Database admin untuk melihat data member yang tidak terenscript (nama, email, nomor hp)

- Dll

Update: 17 agustus 2022

- Versi 1.2

- Perbaikan bug user tidak bisa login di email tertentu.

user login/register blogger dengan database google sheet
user login/register blogger dengan database google sheet

15 komentar



image quote pre code
  1. Thanks mas Wendy. Semoga tambah sukses blognya.
    1. sama2 mas๐Ÿ™
  2. Sip lah
  3. I like this
  4. Mas Request cara memperbaiki bug image Postingan median UI 1.6 agar tampilannya persis di tengah
    1. bukan bug tapi kamu nulis artikel pakai mode nulis, jadi saat upload gambar itu ada atribute style yang harus di hapus atau kamu bisa tambahkan css ini di edit html biar tidak perlu hapus style pada gambar satu - satu

      .separator a,.separator img{margin:auto 0!important}
  5. Bagus untuk tema penjualan yang dibangun dengan infrastruktur Blogger. Jika Anda dapat mengintegrasikan Akan menyenangkan untuk memiliki formulir di mana pelanggan dapat menyimpan informasi pribadi mereka. Dengan cara ini, pelanggan tidak perlu memasukkan informasi mereka lagi dan lagi.
    1. formulir checkout sudah pernah di bagikan di blog ini, anda hanya perlu mengkombinasikannya dengan script ini lihat di tab dokumentasi, sehingga pembeli yang sudah login tidak perlu mengisi data diri mereka lagi
  6. Min, di website saya kan ada fitur bookmark sama history ya, tapi itu semua pake cache browser, yang mana apabila cache browsernya dihapus, akan hilang juga itu bookmark sama historynya, pertanyaan saya. Bisa tidak ya fitur login ini di sinkronisasikan dengan fitur yang sudah ada di website saya? Terima kasih
    1. sama kak fitur login ini juga menggunakab localstroge jika cache browser di hapus user harus login ulang, silakan coba register aja di blog ini
  7. ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
  8. mantap mas, sekedar saran coba di profile tidak cuma info akun tapi seperti dashboard misalnya bisa nambahin file yang udh dibeli (member) atau info lainnya yang bisa kita (owner) ditambah manual
    1. terima kasih sarannya, cuma itu uda di luar konsep yang saya jual, saya menjual fitur login bukan dasboard atau hostory pembelian
  9. apakah ada demonya?
    1. demo vidio ada pada postingan ini paling bawah. demo langsung bisa coba register di blog ini
© 2020 - Wendy Code