Ayo Belajar HTML CSS | Cara Membuat Menu Nav Position Top Easy

A.Pendahuluan
Assalamu’alaikum Wr.Wb. Hay hays kembali lagi di blog sederhana saya, pada kesempatan kali ini saya akan melanjutkan proses pembuatan layout yang saya buat sebelumnya.  Download W3School Offilne Google Drive.

B.Latar Belakang
Dalam kesempatan ini saya akan sharing sedikit bagaimana membuat sebuah Menu NAV Position Top. 

C.Maksud dan Tujuan
Ingin membuat suatu layout website. 

D.Pembahasan
Hay gays , Pada hari kemarin kita telah membuat Simple About HTML CSS. Setelah kita selesai membuat layoutnya sekarang disini saya akan mengedit tampilan menu agar menjadi Position Top. Ok langsung saja kita mulai kodingannya. 

Jika kodingan sudah dibuat maka tampilan dari file nya akan seperti gambar di bawah.
Pertama kita buat dulu file HTML nya jika sudah silahkan ikuti hasil kodingan seperti dibawah.
File HTML
Selanjutnya jika sudah membuat kodingan HTML nya, silahkan lanjut untuk kodingan CSS.
File CSS
E.Kesimpulan
Pada pembuatan Menu telah di buat pada part sebelumnya, kalian bisa melihatnya di part sebelumnya. Download W3School Offline Google Drive.

F.Penutup
Nah itulah tadi hasil dari kodingan yang telah dibuat semoga artikel ini dapat bermanfaat bagi anda. Wassalamu’alaikum Wr.Wb. 

G.Referensi
Teman-Teman Di BLC Telkom Klaten


Comments