bergabung di grup telegram kami

user login/register blogger dengan database google sheet

login register blogger
Rp.75.000 150.000

fitur ini di buat hanya bisa di terapkan pada blogger platform lain tidak dapat menggunakan ini dan https blog harus aktif

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.

kekurangan hanya 1 yaitu user tidak dapat riset password secara mandiri, karena saya belum menemukan cara agar user bisa edit data yang ada pada google sheet kita, next jika saya sudah menemukan caranya akan saya update untuk saat ini mungkin bisa menggunakan cara manual jika user ingin merubah data mereka.

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.

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');

}

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");
localStorage.removeItem("namaUser");
localStorage.removeItem("emailUser");
localStorage.removeItem("nomorUser");  
}
</script>

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%20wendy%20code%20saya%20sudah%20subscribe%20channel%20youtubenya%20dan%20ingin%20meminta%20lisensi%20fitur%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;

  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;
    
  }else{ // jika user belum login
    
    alert('anda belum login!');
    window.open(wc.url.login); 
    
  } 

}
</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

6 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}
© 2020 - Wendy Code

Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english