{1} Cara Membuat Profile Website Sederhana HTML CSS Bootstrap 5 {Layouting}
Vložit
- čas přidán 12. 09. 2024
- pada video kali ini sesuai dengan request salah satu teman kita di komentar TikTok saya, saya membuat tutorial cara membuat website profile sederhana menggunakan HTML CSS dan juga bootstrap 5.
Tutorial ini dapat diikuti juga oleh kalian yang baru belajar pemrograman, hayyuuu😁😁
video part 2 :
• {2} Cara Membuat Profi...
upgrade responsive mobile view, activation button on navbar, etc.🔥🔥
source code available in my github :
github.com/fah...
Tutorial HTML & CSS dasar (untuk pemula) :
• TUTORIAL DASAR HTML CS...
link Sosial Media:
Instagram : / fahruul.c
TikTok : / fahruul.c
CZcams : / @fahruul.c
GitHub : github.com/fah...
Linkedin : / fahruul-c
Gmail : fachrurrizhkyalfadillah@gmail.com
Bang izin download codingan github nya ya bang 🙏 makasiih
30:09
Mantap bang...
Pesanan di tiktok🤣
@@nurulanam4975 🤣🤣 Yoi gan, silahkan dipelajari dan dikembangkan sesuai kretifitas. Next pertemuan kita perbaiki layout dan responsive nya😎
bang izin ambil script codinganya😁 .. makasih bang👍
bagi codinganya dong
Mau nanya kalok untuk yang pendidikan lanjutannya cuma di copy
kak mau nanya, dibagian modal kan aku gak ilangin yang bottom biru itu, nah aku pengen nyisipin link akun twt biar pas dipencet langsung ke akun twt. itu nyisipkannya bagaimana ya? pls tolong jawab
bisa pake
bg izin nanya klo icon panah panah dibagian biodata gmn buatnya?
Pake icon, iconnya bisa pakai punya font Awesome. Disana cukup mudah pemakaiannya, dan udah banyak yang pakai juga
background: linear--gradient(#9a08dd 0%,#dd4c4f 40%,#7420d3 100%);
Bang buat yang pendidikan SD itu waktu saya copas ke pendidikan SMP kenapa gak mau berubah ya demo modalnya ketika di klik. Padahal sudah saya ganti untuk keterangannya
Karna kita pakai bootstrap sebagai UI nya, jadi secara otomatis semua elemen akan sama ID dan class nya. Abang bisa tambahin karakter atau angka yang berbeda pada masing-masing ID di modalnya supaya ketika di pencet modal tersebut akan berbeda yang tampil.
Contoh :
Sebelum diganti :
Modal SD punya ID = "modal-bootstrap"
Modal SMP punya ID = "modal-bootstrap"
Modal SMA punya ID = "modal-bootstrap"
--ketika modal mempunyai ID yang sama, maka lakukan perubahan dan penambahan ID kayak gini👇
Contoh :
Modal SD punya ID = "modal-bootstrap01"
Modal SMP punya ID = "modal-bootstrap02"
Modal SMA punya ID = "modal-bootstrap03"
--jadi disetiap akhir dari ID ditambahkan angka atau karakter/string supaya di setiap modal memiliki ID atau ciri yang berbeda. Supaya juga ketika di pencet menampilkan data yg berbeda
Setelah dibedain semua idnya pop up nya malah gak munybang, gimana bg?
bang izin pakai
Bang di web visual saya gak ada tanda +folder jadi gimana yaa
Kok saya gak bisa buat aset ya, di visual saya gak ada tanda + nya
Bang kok pas aku klik pendidikan sd ga muncul pop up ya?
Kalau di klick pendidikan SMP SMA dan lainnya muncul juga ga ? Kemungkinan kalau ga muncul itu ada kode yg mas kepencet atau kehapus, pada dasarnya kalau dipencet itu otomatis ada pop up nya bang
mas mau tanya cara copynya gimana ya
saya sudah buat videonya mas di akun ini juga, judulnya cara clone repository dari github. ini videonya czcams.com/video/-t708WQxRyg/video.htmlsi=sLnfh8jFDP4JNm72
makasih bro
kok tulisan sm gambarnya ga ke tengah ya
kok yang sekarang kagak ada template nya yak,,
Bnrr
Bang pen nanya kalo make darkmode keubah gk bang
Bagi script bg,masih bingung penempatan componen modal
Bang ko saya ga ada bacaan hello word nya
di filenya di klik kanan lalu open in browser saja mas, nanti otomatis akan diarahakan ke browsernya. maaf mas baru balas, saya jarang buka youtube, kalau ada yang ingin ditanyakan lengkap boleh kirim pesan ke instagram saya saja mas @fahruul.c
jka tidak ada bacaan hello world tidak apaapa mas, itu hanya tampilan default bootstrap saja. asalkan style bootstrapnya masih berjalan maka masih oke saja mas
bang cara nambahin imagenya gimana ya
cari imagenya gimana?
Bang kok gak ad kode pertama yg di copy di boostreap aku
Ke website getbootstrap aja bang, terus ke menu introduction. Nanti abang scroll sedikit ada menu starter template gitu, copy aja bang. Itu bisa juga ko
@@fahruul.cbang ko saya tetep gaada ya?
bang kok punya saya ga ketengah 13:12
bang kok gambar saya gamau ketengah ya
Pake notepad banng?
Visual studio code bang
bang mau nanya
Mas mau tau dong link web profilnya punya mas
Share ke saya
bang ini pake framework gak bg?
bang izin download scriptnya ya🙏🙏🙏🙏
bang saya mau edit yang bagian button biodata biar menurun gmn ya? punya saya kok malah jd kesamping button nya, saya copy doang bang, atau ada yg perlu ditambahkan bang? pliss bgt ini mah bang kalo senggang dijawab yaa, makasiii
udah?
Nemu ga caranya?
Order bisa bang?
Bisa bang, DM Instagram aja ya biar enak ngobrolnya
bang izin pake sciptnya
Bang punya saya kok warna background nya gak mau berubah ya ?🤔
Pastiin tag link penghubung antara html dan CSS nya benar (tidak ada typo). Terus coba cek class di CSS nya, pastikan class antara di CSS sama dengan class di html nya. Kalau masih ga berubah coba file html nya dibuka ulang di web browser nya, mungkin itu browser/html nya ngebug bang
ini kok saya udah coba cuma nama sama foto saya kok gak bisa ke tengah yah?
Done ya bang, udah dibales di IG😁
@@fahruul.c makasih respon nya bang, kenapa gak buka kelas aja bang?
kok jadi lonjong bang foto nya
Pake foto yang perbandingan nya 1:1 bang
modal bootstrap nya gamau muncul bang😢
Ada yang salah berarti itu bang, coba abang bandingkan antara kode abang sama source code punya saya