Cara Membuat Navbar Sederhana - HTML CSS

Подписаться 8 тыс.

Просмотров 38 тыс.

50% 1

Tutorial lanjutannya ada disini :
Membuat Navbar Reponsive : • Cara Membuat Navbar Re...
Halo teman-teman semua, semoga video ini membantu buat yang lagi belajar CSS Dasar. Ini masih cara sederhana ya, kedepannya kita akan belajar cara yang lebih canggih lagi!!!
Silahkan share ke teman-teman yang lain agar lebih banyak yang terbantu. Jika tidak ingin ketinggalan video tutorial berikutnya, jangan lupa SUBSCRIBE yaa, nyalakan loncengnya!.
Follow saya di sosial media :
Instagram : / arsadi.dev
LinkedIn : / arsadi
Tiktok : / uicodes
Discord : / discord
Sampai ketemu di video-video berikutnya!

Опубликовано:

7 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 133

@anzutsu8774 Год назад

Bang minta file html dan css nya bang

@kelas-frontend Год назад

Code nya ada disini ya mas : github.com/arsadii/Learn-CSS/tree/navbar-1

@azizcanva123 Год назад

Njir keren bet dah bang yg satu ini, gua pertama kali liat video ny respect bnget ma penjelasan tutur kata nya sangat mudah dipahami jelas singkat menyenangkan buat pemula coders👏 Thanks bang👍 Banyakin tutor tutor praktek on project step by step kya gini bg, soal ny para pemula biasa ny suka bet nyari nyari video blajar praktek coding kya gini

@kelas-frontend Год назад

Terimakasih 🙌🙌

@rasyan.4525 Год назад

keren bang banyakin lgi tutor kayak gini kalau bisa sampe di buat playlist tentang css 👍👍👍👍👍

@sabineazzahra2420 3 месяца назад

Penjelasan yang mudah d fahami. Manthap bang

@kiirasadya8326 Год назад

Bagus banget bang tiap tiap tag atribut di jelasin gw yg pemula jadi lebih paham terimakasih bang❤😊

@kelas-frontend Год назад

sama sama, semoga bermanfaat yaa

@FebryanAlfaya 7 дней назад

Semangat terus ngontennya abangku gass gass gass

@kelas-frontend 7 дней назад

@@FebryanAlfaya terimakasih🙌🔥

@darulh27 3 месяца назад

keren kak penjelasannya detail dan gampang dipahami

@kelas-frontend 3 месяца назад

terimakasih

@EPWGamer03 Месяц назад

Semangat bang bikin kontennya, kontennya sangat membantu 🔥🔥

@hamzahh18 Год назад

Kalo bikin navbar itu mending pake apa mending langsung aja bg? Soalnya kalo pake Unordered list, Pas list style type nya udh di none kan.. Terus pas pake padding. List nya itu masih dianggep ada bg

@kelas-frontend Год назад

pake ul li biar semantic sih

@kelas-frontend Год назад

paddingnya bisa dimanipulasi lagi

@hamzahh18 Год назад

@@kelas-frontend maksudnya paddingnya ditambahin / dibesarin nilainya gitu ya bg

@kelas-frontend Год назад

@@hamzahh18 iya betul

@tristanramana640 11 месяцев назад

dibanding sama konten yang lain,jujur ini paling mudah dipahami.makasih ya mas btw bikin playlist tutor css dong mas

@kelas-frontend 11 месяцев назад

siaappp, otw buat yaa🙌🙌

@fadilahrohman7542 Год назад

Makasih banget bang penjelasan kamu bang bikin saya seneng mudah dipahami 🙏 Makasih ilmunya semoga berkah

@kelas-frontend Год назад

aamiiin terimakasih

@fadilahrohman7542 Год назад

@@kelas-frontend kalo boleh tau ukuran logo nya berapa ya?

@kelas-frontend Год назад

@@fadilahrohman7542 bisa diatur pakai css sih, tentuin aja 50px atau berapa

@fadilahrohman7542 Год назад

@@kelas-frontend maaf bang banyak tanya nih, untuk mindahin logo nya tanpa ngikut bagian list apakah harus tidak disertakan tag nav nya hanya div > img. Jika ada tag buat mindahin logo nya mohon bisa sertakan soalnya saya bingung masih pemula banget. *soalnya saya kurangi bar nav nya jadi kalo dikurangi logo nya tidak pas gitu..

@kelas-frontend Год назад

@@fadilahrohman7542 biar enak diskusinya join discord aja ya

@willdaann4383 27 дней назад

semangat terus bang😊

@muhammadfiqrianwar8105 10 месяцев назад

Terimakasih banyak ilmunya bang🙏🙏

@kelas-frontend 10 месяцев назад

sama sama🙌

@ryanprasetyo4812 Год назад

Semangat para pegiat coding🔥🙏🏻 salam titik koma();

@kelas-frontend Год назад

mahasiswa WPU nih😂

@ryanprasetyo4812 Год назад

@@kelas-frontend yoi bang🙏🏻😂😆

@mr.rahmatfalaqi6520 Год назад

Semangat terus bikin videonya bang .. sudah saya subscribe dan like videonya ..

@kelas-frontend Год назад

terimakasih

@mardhychannel8497 Год назад

Keren tutorial mu bro Semngat trus ya bikin konten

@kelas-frontend Год назад

siaap terimakasih 🙌

@valahivanmaulana8230 Месяц назад

Terimakasih bang

@kelas-frontend Месяц назад

@@valahivanmaulana8230 sama sama

@najibangbang6856 Год назад

akhirnya ketemu juga youtube sampean bang,

@kelas-frontend Год назад

Alhamdulillah 😂😂

@najibangbang6856 Год назад

@@kelas-frontend saya chat di IG gak di bls bang

@kelas-frontend Год назад

@@najibangbang6856 maaf belum sempat cek dm lagi

@najibangbang6856 Год назад

Siap siap bang

@bayu_lesmana Год назад

Terima Kasih Mas untuk Tutorialnya 🙏

@kelas-frontend Год назад

sama sama, semoga menbantu

@user-oy3pu3ze3z 7 месяцев назад

Kren bang..cepet faham ae

@rekt201 Месяц назад

Terima Kasih

@itachianime4295 Год назад

bagus bgt nih makasih kk 😊

@kelas-frontend Год назад

sama sama,🙌

@Ikyyy124 4 месяца назад

makasih

@kelas-frontend 3 месяца назад

sama sama🙌🔥

@imtiyazahmadrozan7502 Год назад

mantap bang 👍 semangat bikin kontennya... bikinin tutorial sidebar juga bang.

@kelas-frontend Год назад

siap ditunggu aja ya

@iqiiw Год назад

Smngaatt bang nge konten nya ya..

@kelas-frontend Год назад

Terimakasih😊🙌

@wheghdje250 11 месяцев назад

Bang bisa jelaskan kode : div, nav, ul, li dan 1 lagi kalau mau buat navbar, kode pertama harus nav atau div dulu ?

@yuliuspranata15 Год назад

mangat 🔥

@RendiAndriansyah-oq5lp Год назад

Semangat terus ya bang,upload yang live di tiktok dong bang🤣

@kelas-frontend Год назад

siap ditunggu ya

@RendiAndriansyah-oq5lp Год назад

@@kelas-frontend siap bang

@RendiAndriansyah-oq5lp Год назад

@@kelas-frontend makasih bang udah mau share ilmu mahal nya 😁

@iniky Год назад

Lanjut bang buat tutorial web portofolio ya 😅

@kelas-frontend Год назад

oke ditunggu aja ya🙏😀

@RiCelestial 8 месяцев назад

Mas, mau nanya, saya kan nyoba" hovernya yaa.. nah itu saya mau bikin pake background color gitu bukan pake underline, tapi pas saya coba ubah" kok area backgroundnya itu kecil ya? ada saran kah mas?

@kelas-frontend 8 месяцев назад

diperbesar coba mas width nya

@andhika6591 2 месяца назад

Mas mau nanya, kalo navbar nya dikasih background png bisa gak ya, jadi dibelakang tulisan home, work dll ada gambarnya, saya sudah bikin gambar kaya tombol gitu untuk background nya, terima kasih

@kelas-frontend 2 месяца назад

@@andhika6591 bisa. tinggal kasih style background image untuk masing masing menu item nya

@andhika6591 2 месяца назад

@@kelas-frontend oke berhasil nih, Terima kasih ilmu nya mass, sehat selalu

@nanangirwanto8808 24 дня назад

Untuk dapet avatar selain itu dmana bang

@iputuagusyogipurnawan215 Год назад

👍

@zeyouR Год назад

salam dari programmer juga , ada discord ga bro? buat sharing2

@kelas-frontend Год назад

ada bang, di kolom deskripsi yaa

@vivoichsan1208 Год назад

scroll smooth navbar nya dong bang...

@HANSENN0 Год назад

bang, mau tanya, cara pindahin nav menu nya ke tengah gimana ya?? Soal pas saya ganti ke center, icon ( logo ) nya ikut ke tengah juga.

@kelas-frontend Год назад

ul nya dibuat flex grow 2, trus di justify content center

@dimashm14 9 месяцев назад

bang format penulisan yg bener tuh gimana sih? kadang ada yang nulis tag header dulu, terus nanti per section nya ada yang bikin tag section ada yang gak. bingung format yg benr

@kelas-frontend 9 месяцев назад

itu disebut semantic html, atau cara penulisan html yang direkomendasikan. gak ada yang bener, gak ada yang salah. tapi, bagusnya sesuai fungsinya. kaya kalau mau buat element diatas itu ya dibungkus header

@Classywrods 8 дней назад

bang kalo navbar ga di atur width dan heigh nya itu gpp ya

@kelas-frontend 8 дней назад

@@Classywrods sesuaikan dengan kebutuhan aja🙌

@mxrmizu8884 9 месяцев назад

bang buatkan tutorial supaya pas kita masukin kodingan hasil nya bisa langsung keubah gitu

@zakiulumudin2887 9 месяцев назад

Di live server bang,itu fitur di vs code

@bims8877 Год назад

Bikin navbar lebih enak pake bootstrap biar lebih rapih

@kelas-frontend Год назад

iya sih memang lebih rapih kalau pakai bootstrap😄. Ini tutorial buat yang mau tau proses manualnya aja.

@Pianzpeanut 12 дней назад

bang klo atur size gambar di index.htmlnya aman ga bg?

@kelas-frontend 12 дней назад

aman sih harusnya. cuma kurang flexible aja

@Pianzpeanut 12 дней назад

@@kelas-frontend okee thx bg

@any.future 10 месяцев назад

bang aku gak bisa make tag gap pas aku coba gak muncul hasil dari tag gap: 1rem; nya

@kelas-frontend 10 месяцев назад

udah diikutin persis seperti di video?

@any.future 10 месяцев назад

persis @@kelas-frontend

@kelas-frontend 10 месяцев назад

@@any.future coba join discord aja biar bisa share code nya gimna

@daniharmade Год назад

extension biar bisa atur warna nya apa bang ?

@kelas-frontend Год назад

warna yang dimna?

@muhammadrois4046 Год назад

Salam {}: ;

@kelas-frontend Год назад

Salaam🙌😆

@imtiyazahmadrozan7502 Год назад

mau tanya bang box.sizing buat apa bang/

@kelas-frontend Год назад

untuk mengatur element kita mengambil ukuran dari mana, kalau box-sizing : border-box; berarti mengambil ukuran border, dst.

@rakamaulana2286 7 месяцев назад

Bang saat scroll tulisan di halaman nya nembus di navbar,cara fixnya gimana ya😅

@kelas-frontend 7 месяцев назад

naikin z-index navbarnya

@rakamaulana2286 7 месяцев назад

@@kelas-frontend berapa bang?

@kelas-frontend 7 месяцев назад

@@rakamaulana2286 kasih 10 boleh harusnya

@rakamaulana2286 7 месяцев назад

Gak bisa bang

@dimasadirivanto9016 3 месяца назад

Bang mau tanya untuk mengisi halaman work nya itu bagaimana, misal ni aku punya web quiz isinya home, materi, dan home udah ke isi quiz dan cara mengisi halaman materi nya gimana ya bang, apa sama seperti ngerjain yang home atau beda?

@kelas-frontend 3 месяца назад

iya sama seperti home. buat html baru untuk materi,

@dimasadirivanto9016 3 месяца назад

@@kelas-frontendsoalnya ini di html 1 udah ada isi home sama materi nah cara ngisinya materinya berarti buat file html baru kah bang?

@kelas-frontend 3 месяца назад

@@dimasadirivanto9016 iya buat html baru

@dimasadirivanto9016 3 месяца назад

@@kelas-frontend ada contoh videonya bang??

@josefbatara4665 9 месяцев назад

Izin pake vidionya bg🙏

@muhammadazharibrahim6183 10 месяцев назад

bang kok di saya gambar nya ngga muncul ya?

@kelas-frontend 10 месяцев назад

mungkin salah panggil file gambar. coba join discord aja biar bisa diliat code nya

@ajhoardi6555 28 дней назад

Banggg logo nya punya gua ga muncul 😂

@kelas-frontend 28 дней назад

@@ajhoardi6555 salah panggil gambar mungkin

@leung_rasta 6 месяцев назад

bang mo nanya kenapa ngga pake class?

@kelas-frontend 6 месяцев назад

karena masih sederhana struktur htmlnya. jadi tanpa class pun tidak akan tabrak tabrakan stylenya. kalau udah mulai rumit struktur htmlnya, udah banyak tag yang sama dipakai di beberapa tempat, pasti bakal pakai class

@leung_rasta 6 месяцев назад

@@kelas-frontend owalah okheey" bang paham

@mugieyono6804 8 месяцев назад

Bang saya mau nanya kok yg saya logo nya gak muncul yah?

@kelas-frontend 8 месяцев назад

mungkin salah import src gambarnya. coba dicek lagi gambarnya apakah di dalam folder atau enggak, sesuaikan dengan src img nya ya

@mugieyono6804 8 месяцев назад

@@kelas-frontend sudah benar semua bang src nya juga sudah benar tapi cuma muncul gambar kotak kecil gitu

@kelas-frontend 8 месяцев назад

@@mugieyono6804 itu seperti nya masih salah. Join discord aja ya biar enak liat code nya

@fadlanadnan6560 8 месяцев назад

Bang nama aplikasi pemograman nya apa

@dannzedtz4ever 8 месяцев назад

Visual studio code

@kelas-frontend 5 месяцев назад

Visual Studio Code

@naya.234 Год назад

Kaka belajar html css brpa bulan kak

@kelas-frontend Год назад

kayanya sekitar 6 bulan dulu pas kuliah, 1 semester lah😅

@naya.234 Год назад

@@kelas-frontend sekarang udh lulus kak

@kelas-frontend Год назад

@@naya.234 sudah

@naya.234 Год назад

Kak aku semester 4 tapi baru mulai ngoding lagi terlambat enggak ya kak

@naya.234 Год назад

Aku mau fokus ke front end kak

@HANSENN0 Год назад

Bang, apakah perlu wrapper?

@kelas-frontend Год назад

bebas aja sih. kalau saya tidak perlu

@HANSENN0 Год назад

@@kelas-frontend bang, mau tanya, cara pindahin nav menu nya ke tengah gimana ya?? Soal pas saya ganti ke center, icon ( logo ) nya ikut ke tengah juga.