Tutorial Bootstrap #3 Membuat JUMBOTRON dengan Bootstrap
ฝัง
- เผยแพร่เมื่อ 23 พ.ย. 2024
- Ini adalah video KETIGA dari seri tutorial web design dengan menggunakan Framework Bootstrap.
Pada video KETIGA ini kita akan membahas cara membuat JUMBOTRON pada bootstrap.
LINK gambar JUMBOTRON:
drive.google.c...
LINK BOOTSTRAP
getbootstrap.com/
Follow INSTAGRAM
/ frameworkin. .
Makasih atas ilmunya . Slalu upload tutorial nya ya bro. Semoga ilmu yg dishare berkah buat lu
trims sudah berbagi ilmu.. penjelasan mudah di mengerti.. sehat dan sukses selalu..
terima kasih ilmunya dan ijin download videonya...
waaa terimakasih, semoga bisa tambah manfaat ilmuu banyakk
Terima kasih bang semangat terus bang untuk mengedukasi generasi selanjutnya, saya yakin pasti chanel ini pasti memberkati banyak orang :)
Mantap pak.. Izinkan saya jadi pengikut channel ini dan belajar disini. 🙏🏻👍🏼
Terimakasih atas ilmunya bang sehat selalu,
Trims, sangat membantu tugas saya🤩
saya masih belum bisa muncul gambarnya gan , gimana caranya agar gambarnya muncul ?
saya sudah mengikuti semua step2 nya
Buat yang gabisa CSS nya perhatiin juga tipe potonya ya
(img/slider1.jpg)
(img/slider1.jpeg)
(img/slider1.png)
cobain deh
tq bg
kok punyaku tulisan background image nya gak warna biru ya? jd putih biasa gitu doang... padahal dah ngikutin sesuai di video
Cuma saran aja kalau gambar pada background-image tidak muncul, coba ubah dari url(img/slider1.jpg) pada menit ke 07:54 pada video. di ubah ke url(../img/slider3.jpg)
masih kagak bisa :)
@@malisakhaa bisa kasih tau format/susunan folder dan file nya ? dalam kasus saya, css saya pisahkan dengan gambar, jadi style.css saya ada di folder terpisah, misal ada folder img/slider1.jpg. dan ada folder stylesheet/style.css. maka dari itu pakai ../ untuk keluar dari folder stylesheet lalu masuk ke folder img dengan ../img/slider1.jpg.
Keren bgt sih bang
terima kasih banyak
tutorialnya sangat membantu
mohon bantuannya .
background-image: url(img/slider1.jpg); tidak muncul di broser
Kalo biar background imagenya ga kepotong pas buka dihape gimana ya?
Terima Kasih Bang Atas Ilmunya
kalau gambarnya ga keliatan , pastiin kalau file css kamu dibawah css bootstrap
Terimakasih ilmunya
yang bingung gambarnya gk muncul walaupn udh ektensinya benar, coba aja masukin gambarnya ke folder style-nya, jadi akses css nya seperti local
maksudnya gmna gan ?
Ohhiyaa bisa thanks ya gan
Potonya ga muncul, udh coba semua tips disini tapi gaada yg bisa. Kira2 gmn yaa
gan ini saya bingung di hr nya saya panggil2 gak keluar kalo cuman yang di panggil hr nya gak keluar tapi pas saya panggil classnya baru muncul terus untuk width itu di css saya ga bisa bang ga tau saya bingung soalnya saya pake bootstrap 5 dan emng di bootstrap 5 itu ga ada jumbotron saya pake jumbotron bekas bootrsrap 4 makanya saya ikutin tutorial abang beberapa sourcenya harus saya edit sendiri dan ga ikut di abang makanya bordernya ga muncul bang
Makasih pak tutorialnya 👍
agar tulisan HELLO WORLD agak ke bawah gimana caranya, punya saya numpuk ama nav bar
good
code jumbotron yang versi bootrap sekarang sudah tidak ada.
Makasih bang, ilmunya sangat bermanfaat
Permisi bang saya udah liat tutorial2 di framework indonesia tetapi masih bingung bagaimana agar isi content di web kita bisa dinamis (berubah) / diupdate gitu bang _/\_
bang kenapa ya ketika saya mau nurunin test jumbotron nya, baground nya juga ikut kebawah..
tolong masukannya bang
saya tidak bisa menampilkan bg gambar di jumbotron ya? padahal saya sudah hapus cache saya dan saya mengikuti sintaksnya
Mantep om auto subscribe
mantap pak. ilmu yang sangat bermanfaat, pak izin bertanya, kenapa pas saya simpan file css nya di dalam folder, gambar nya tidak terbaca, tpi pas saya coba membuat warna merah untuk tulisan terbaca, dan jika css nya saya simpan di luar folder gambar nya terbaca. saya ingin menyimpan file css nya didalam folder gimana caranya agar gambar backround terbaca, terimakasih pak
di linknya tambahin nama foldernya jga bang
buat tulisan "lanjutan" berkelap kelip kok tidak bisa yah mas...
tolong pencerahanya...
kalo biar nav sama jumbotron backgroundnya imagenya jadi satu gimana?
Ko saya jumbotron nya malah naik ke atas ya. Bukan di bawah nya navbar. Mohon solusinya nya
bang mau tanya cara biar kita klik button terus jumbotronnya kegeser gimana ya?
Bang punya saya style cssnya gak bisa bang, terus gimana ya bang
Bang, cara membuat responsive gimana bang
Video bikin navbarnya ada bang ? 🙏
biar tampilan nya responsive dan bisa rapih dibuka di hp gimana ya?
pak kalo jumbotronnya berupa video bukan gambar gmn ?
Ka kenapa ya aku gabisa muncul gambarnya apakah ada yang salah dalam penyimpanan css nya? Tolong bantu
Buat yg gambarnya tidak muncul bisa jadi lokasi filenya salah. Bisa ditambahkan ../img/background.jpg
sama ih akujuga. kamu sudah bbisa belom?
pake kutip dua mas ("img/slider1.jpg")semoga membantu
@@barangbagoes373 makasih bg
@@barangbagoes373 tetap gak muncul bg
mas skrg kan jumbotron udah di hapus trs gmna ya ?
tulisan explore your self nya gak muncul gmn tuh mas??
Bang kenapa jumbotron backgrond saya gak mau muncul, padahal format file,lokasi filenya udah bener.
sama gan, ane udh cob cek, udhs sesuai, ente skrng udh bisa gan?
abdul kodir saya menyerah gan 😆 blum sya coba lagi
SMA saya juga udh berpa x kotak katik
buat yang gak muncul background image nya cek :
- penulisan nama kelas takutnya typo
- ekstensi imagenya apakah png, jpg
- sudah diketik apa belum sesuaikan tempat href nya
masih belom muncul gan ..
Cek juga itu di dalem buka tutup kurungnya udah ada tanda petik belum buat ngisi sourcenya
maksih bang infonya
Halo, yang masih belum bisa cssnya tidak bisa, silahkan save sendiri gambarnya dan buat folder baru( tergantung komputer pakai bahasa apa) kalau perangkat saya pakai bahasa inggris. Kalau anda sudah menggunakan bahasa inggris nama foldernya img. Pastikan ditulis di style cssnya sesuai format (PNG/JPG)
Makasih bang, sangat bermanfaat sekali🙏
mantap
semangat mang
Keren bang
Mas, saya mau tanya, saya tuh persis banget ngikutin tutor mas ini sedetail mungkin, tapi di mas nya ini, web nya Tampilannya dari gambar background, bentuk tombol yang padding right and left, also border yang 3px, semuanya ada. maksudnya berubah semua sesuai yang mas coding. kalau saya kok gak ada yang berubah sama sekali ya? di coding yang background, tapi gambar nya gak tampil di website yang saya bikin. saya ngikutin tutorial mas yang pertama, semua nya working. tapi di tutorial ke 2 ini, gak ada yang working mas. gambar background gak muncul,button Kunjungi nya juga gak berubah warna dan bentuk.
Iya saya juga gambar background gak muncul
makasih bang
Kalau dibuka di hp, text nya terlalu besar bang
terima kasih gan, bermanfaat
Kak saya mohon penjelasan dari mulai menampilkan background sama mengubah warna tulisan saya gak bisa kak. 😥
Jika background tidak muncul, url nya ditulis dari awal penyimpanan, contoh url("C:/users/images/gambar.jpg")
Kenapa ya setelah saya masukkan margin-top 200 malah jadi ada ruang putih lebar
sama
Kok punya saya gambar nya ndak bisa ya
bang coba di minimize ke mode handphone dah, kok ga responsive ya nya ada spasi di kiri
itu kita memang harus tambahin css sendiri buat enak tampil di hp, atau tab. walaupun webnya responsive, tapi ada beberapa item/fitur yang harus kita set ulang dengan css kita sendiri.
thx
Css nya punya saya ga ke panggil kak knp y
bg aku uda ulang dari awal kodeingnya tapi background imagenya ga muncul muncul
kalo naro folder img nya engga di folder yg sama . coba cek alur src foldernya udah bener belom ?
Berapa ukuran gambar utk jumbotron ny
bang kok gua ga bisa manggil image nya??
ex:
.jumbotron {
background-image : url(img/slider1.jpg) ;
tapi gabisa di panggil kak, gimana ya kak??, disini saya menggunakan vscode
coba begini background-image : url(../img/slider1.jpg) ;
Coba di dalam buka tutup kurungnya itu ada tanda petik " " buat ngisi sourcenya
@@others2200 udah dicoba tapi gk bisa kak, ada solusi lain kah? sy juga pakai vs code
ko stylenya ga bisa ya? udah banyak yang diubah tapi ga ga ada efeknya pas di jalanin webnya, save stylenya harus dimana ya?
cek lagi nama file dan direktori penyimpanannya apakh sudah sesuai,
Letak menyimpan file css-nya itu didalam folder css atau diluar folder css ? Kalau naronya didalam folder css, nama folder css-nya harus dipanggil dibagian href
kak,, webnyaa gabisa fixed top. gimana ya caranya supaya fixed top ?
Coba di cek lagi source code untuk fixed top-nya. Mungkin ada yang kurang ketika memasang sintak fixed top-nya
Udh di tambahin tag ?
Punya saya jumborton di boostrap tak ada😭
Sama, jumbotronnya muncul gak ada tombolnya kok an ya 🤔 scrip code di getbootstrap jg gak ada 🙈
klo make vscode sama ga ya tutorialnya?
sama saja
mas apa nama githabnya?
BUAT YANG GA TAMPIL BACKGROUND / Style.css
Apakah mungkin karna pada file index.html ini terkoneksi 2 file css yaitu bootstrap.min.csa dan style.css yg keduanya sama2 punya variabel class jumbotron ?
Yg lebih paham tolong jelaskan, terima kasih
pake kutip dua mas ("img/slider1.jpg")semoga membantu
@@barangbagoes373 tidak bisa..
background-image: url("../img/slider1.png");
itu codingannya. semoga membantu
bro tadi gua juga gamau ternyata tipe file poto gw jpeg bukan jpg, jadi klik kanan poto yg mau dimasukkan trus pilih properties disitu bisa liat tipe file potonya apa
mantap bang
wkwkwkwk
Itu buat gambar jumbotron harus brp pixel ya
coba 500px
atau cobain tulis semua css nya, baru masukin lagi 770px
@@barangbagoes373 sudah ketemu bang sizenya,waktu liat bootstrap nya WEBPROGRAMMING UNPAS
Btw,thanks sudah di reply
bang itu cara merapihkan codingan tekan apa ya di menit 4:50
blok yg mau di rapihkan lalu tekan enter...
@@mansoridigital :)
bang cara mengatasi background imagenya tidak muncul gimana bang,minta salusi dong bang,makasi bang
Coba di cek nama file dan ekstensi (jpg, png, tiff) apakah sudah sesuai)
pake kutip dua mas ("img/slider1.jpg")semoga membantu
@@barangbagoes373 kok punya aku masi gabisa ya ?
@@FrameworkIndonesia sama banyak yg gak bisa juga gambarnya
bang backgroundnya gak muncul padahal nama gambar jpg dn nama sudah benar
Exstensi gambarnya cek bisa jadi bukan jpeg
Mungkin png
pemanggilan lokasinya udah bener belom
Om ada kontak ga... Pgn kursus
untuk saat ini tidak buka kursus gan, hanya menyediakan tutorial di TH-cam
Pgn konsul om :(
bang klo gambar nya ga muncul gmna?
cek nama file, folder penyimpanan dan ekstensi file
rip jumbotron 2020
kecepatan bingung buat pemula
Untuk yang background-image: url() nya tidak muncul, teman" untuk tag bootstrapnya jangan pakai yang online, jadi yang awalnya begini
hapus hingga menjadi seperti ini
jadi pakai bootsrtap offline, dengan syarat sudah download bootsrtap offlinenya.
seharusnya sudah bagus
Jumbotron di hapus bro
CSS nya gak aktif gimana cara ngatasinya??
bagi yg cssnya gak aktif masukkan sintaks ini di html
prnt.sc/nk8f3h terimakasih mas hehe :)
backgroundya ga muncull payah padaal udah di sesuaiin
tolong bang 😭
tolong apa?
Terimakasih ilmunya
mantap
aplikasi ini bisa digabungkan dengan barcode scanner ?
Apakah bisa menggunakan url gambar dari internet ?
bisa
bang backgroundnya gak muncul padahal nama gambar jpg dn nama sudah benar
pas test ganti color dan ukuran text mau, hanya untuk background gambar