Rekayasa Perangkat Lunak SMKN 1 Mejayan
(BLC-Telkom Klaten)

Kamis, 22 Januari 2015

Membuat Navbar dan Menu Dropdown sederhana

Saya akan menjelaskan cara membuat Navbar dan Menu Dropdown sederhana, berikut contoh hasilnya :



Berikut cara-caranya :



1. Pertama buat text dokumen baru di notepad atau dreamweaver 
    NB : Saya membuat text dokumen dengan nama navbar.html
2. Buka website resmi Bootstrap atau di http://getbootstrap.com 
3. Buka dan klik getting started copy script yang ada di basic template.
    berikut script di basic tempalte



Paste pada text dokumen navbar.html 
4. Anda dapat mengganti judul di di tag <title> </title>
    NB : saya merubah judul dengan nama Navbar


5. Rubah script css dibawah ini


    menjadi


6. Rubah script js dibawah ini juga


    menjadi


 7. Berikut adalah script dibagian head


8. Edit script sesuai di bawah ini :






Begitulah caranya kita dapat menambahkan menu-menu lain

sumber: Youtube


0 komentar:

Posting Komentar

vitarista11.blogspot.com

Popular Posts