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.
10:40 📦 Menggunakan local storage untuk menyimpan informasi apakah undangan sudah dibuka sebelumnya, sehingga saat refresh, halaman tidak terkunci kembali.
13:08 💌 Menambahkan bagian "RSVP" untuk mengizinkan tamu undangan mengkonfirmasi kehadiran melalui form yang dapat diisi di halaman tersebut.
14:41 🎨 Styling CSS untuk halaman web undangan.
16:15 📝 Membuat form untuk mengisi nama, email, jumlah kehadiran, dan status konfirmasi.
18:22 🎨 Mengatur tampilan form agar rapi dan berada di tengah halaman.
23:13 📊 Menghubungkan form ke Google Sheets untuk menyimpan data konfirmasi.
29:14 ⚙ Menjalankan dan mengatur fungsi script Google Apps untuk pengolahan data konfirmasi.
31:55 🌐 Penting untuk klik "Deploy" setelah mengkonfigurasi aplikasi web.
32:10 📝 Konfigurasi HTML form dengan method "post" dan action URL.
32:39 📋 Mengambil post action URL dari form untuk mengirimkan data.
33:21 ✅ Mengecek respons script saat submit form.
34:08 🖱 Menambahkan event listener menggunakan JavaScript untuk mengubah respons form.
35:28 ⚙ Memanipulasi data form saat di-submit menggunakan JavaScript.
36:24 🎉 Membuat bagian konfirmasi kehadiran dengan gif dan mengubah pesan.
39:06 🧾 Menambahkan daftar pilihan untuk metode hadir dan menambahkannya di dalam div.
42:11 📄 Membuat bagian footer dengan informasi hak cipta dan ikon media sosial.
46:29 🔗 Menambahkan ikon media sosial dengan link dan hover effect.
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