https://cweb.id/merch #KaosNetworking #Citraweb 
Membuat Website UNDANGAN PERNIKAHAN dengan HTML, CSS & BOOTSTRAP 5 | Part 4 | #NGOBAR41
Lanjut lagi membuat website UNDANGAN PERNIKAHAN dari 0 Bagian ke – 4, membuat bagian Rsvp, Gifts dan Footer
—
Promo Unlimited Hosting Niagahoster : diskon up to 75% + gratis domain + SSL
Gunakan kode kupon “WPUNPAS” untuk tambahan diskon 10%
https://www.host-tracking.id/SHLq
—
https://getbootstrap.com/
https://github.com/levinunnink/html-form-to-google-sheet
—
SUPPORT WPU
Beli Hoodie & T-Shirt di WPU Official Store
https://shopee.co.id/wpustore.id
Gabung Server Discord WPU
https://discord.gg/S4rrXQU
– Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
https://saweria.co/sandhikagalih
https://karyakarsa.com/sandhikagalih
—
FOLLOW SOCIAL MEDIA
– https://www.instagram.com/sandhikagalih
– tiktok.com/@sandhika.galih
– https://twitter.com/sandhikagalih
– https://github.com/sandhikagalih
terimakasih dan #janganlupatitikkoma!
@sandhikagalih
Membuat Website UNDANGAN PERNIKAHAN dengan HTML, CSS & BOOTSTRAP 5 | Part 4 | #NGOBAR41
Membuat Website UNDANGAN PERNIKAHAN dengan HTML, CSS & BOOTSTRAP 5 | Part 4 | #NGOBAR41
1st komen
08:20
Fungsi disable scroll membuat halaman tidak dapat di-scroll saat pertama kali dibuka, tapi bisa di-scroll setelah tombol "Lihat undangan" diklik.
Menggunakan local storage untuk menyimpan informasi apakah undangan sudah dibuka sebelumnya, sehingga saat refresh, halaman tidak terkunci kembali.
Menambahkan bagian "RSVP" untuk mengizinkan tamu undangan mengkonfirmasi kehadiran melalui form yang dapat diisi di halaman tersebut.
Styling CSS untuk halaman web undangan.
Membuat form untuk mengisi nama, email, jumlah kehadiran, dan status konfirmasi.
Mengatur tampilan form agar rapi dan berada di tengah halaman.
Menghubungkan form ke Google Sheets untuk menyimpan data konfirmasi.
Menjalankan dan mengatur fungsi script Google Apps untuk pengolahan data konfirmasi.
Penting untuk klik "Deploy" setelah mengkonfigurasi aplikasi web.
Konfigurasi HTML form dengan method "post" dan action URL.
Mengambil post action URL dari form untuk mengirimkan data.
Mengecek respons script saat submit form.
Menambahkan event listener menggunakan JavaScript untuk mengubah respons form.
Memanipulasi data form saat di-submit menggunakan JavaScript.
Membuat bagian konfirmasi kehadiran dengan gif dan mengubah pesan.
Menambahkan daftar pilihan untuk metode hadir dan menambahkannya di dalam div.
Membuat bagian footer dengan informasi hak cipta dan ikon media sosial.
Menambahkan ikon media sosial dengan link dan hover effect.
10:40
13:08
14:41
16:15
18:22
23:13
29:14
31:55
32:10
32:39
33:21
34:08
35:28
36:24
39:06
42:11
46:29
Ini dia yg ku tunggu
sebelum tombol buka undangan di klik style body nya di set ke overflow hidden gimana menurut bapak?
saya coba di hp sih sebelum tombol diklik ga bisa di scroll
apakah nanti nya tamu bisa kirim uang melalui Virtual Account Bank nya pengantin Pak?
Sisa musik nya pak
tambahanin musik nya dong pak
Taro source code nya di github pak
tambahin musikk pakk
Apakah data yang dikirim ke Google Sheet juga bisa digunakan dengan metode RUD selayaknya regular database..?
Utk konfirmasi kehadiran apakah bisa di lihat langsung di webnya atau cm di google sheet nya ban? Terimakasih
laravel 10 dong pak
Asikkkkk siap
ko langsung part 4 sih bukannya part 3
Sisa aku beresin backend-nya spy lebih mudah untuk end user dan pakaikan laravel
mantap pak sandika
di aku pas di klik lihat undangan nggak langsung auto scroll ke bawah pak?
Tinggal tambahkan musik dan untuk menu2nya diganti menggunakan icon dan jadi bottom bar, mungkin gitu.
Pak kenapa ya hamburger menu nya kalo di mobile phone jadi GK keliatan tulisannya, bisa cek di inspect pak responsive nya terus dimensions nya misalkan iPhone itu jadi GK responsive pak
Aku buatnya pakai wordpress pak Dhika
sekalian backend nya pak
Ini bisa diikutin oleh orang yang baru banget belajar WEB gak pak?
Terimakasih pak. Dosen online terbaik
Pak tambihin fitur 1 nama tamu
2 tambahin ucapan
Pak kalau bisa Rvp dan ucapan di tampilkan di website Undangan jadi nga google splitsheet
Kalau bisa ada notifikasi apa bila ada yang kirim hadiah ucapan dan Rvp kalau bisa juga tambihin link generator
Pak Dika, biasanya bapak ngoding pakai code editor apa?
Tambahin musik pak
Ga berjalan di server pak bagian scroll
cara mengatasinya gimana pak?? Terimakasih 
mantappp pakkk.. di akhir part ditanbahin sekalian deploy ke hostingan dong pak