Monday, July 20, 2020

Cara Membuat Navigation Responsive dengan Pure HTML dan CSS


Navigation adalah salah satu element yang bisa dibilang cukup penting yang terdapat di dalam website. Dengan Navigation memudahkan kita untuk menelusuri hal-hal penting yang ada di website tersebut dan pada pembahasan kali ini saya akan memberitahu cara membuat Navigation Dropdown yang Responsive.

Navigation Dropdown

Setelah kita mengetahui apa itu Navigation sekarang adalah saatnya untuk membuat Navigation atau lebih tepatnya saya men-share code dari navigation tersebut.


Kalian bisa membuka kode tersbut di Code Editor, Biasanya Code Editor yang saya pakai adalah Visual Studio Code

Cara pakainya adalah:
1. kalian buat terlebih dahulu folder HTML-nya atau bisa dilihat di Cara Membuat File Format HTML Di VisualStudioCode.
2. Setelah Copy dan Paste kode diatas.
3. lalu kalian buka di browser.

Jika kalian ingin mengubah warna atau tulisan di Navigation tersebut maka silakan dirubah karena Code tersebut saya berikan Open Source. Dan kalian juga bisa menambahkan extension untuk Visual Studio Code tersebut artikelnya bisa dilihat disini: Cara Menambahkan Extension HTML Di Visual Studio Code 

Post a Comment

Whatsapp Button works on Mobile Device only

Start typing and press Enter to search