Software Engineering || SMK Negeri 1 Mejayan

Thursday, January 22, 2015

Membuat Menu Dropdown

Kali ini saya akan menulis cara-cara membuat form navbar. 
Hasil ekskusi scriptnya adalah seperti ini :


Jika menu "Download" di klik , maka akan muncul menu dropdown seperti ini :


Jika menu "Documentation" di klik , maka akan muncul menu dropdown seperti ini :



Baiklah , langsung saja. Ini adalah cara membuatnya :
  1. Buka website resmi bootstrap di http://getbootstrap.com/getting-started/ , kemudian cari script Basic Template copy aja script nya , tapi misalkan mau ketik/coding sendiri ya silahkan..
  2. Letakkan / paste script tadi pada text editor kalian (notepad++ , dreamweaver , dll). Simpan dengan exstensi .html

    3. Ganti judulnya di tag <title> </title>. Terserah mau dibuat apa. Tapi disini saya membuat judul <title>Member Login</title>
    4. Ganti script berikut :

        Menjadi :



    5. Ganti script ini juga ya...

        Menjadi :



    6. Edit scriptnya menjadi seperti ini ya...







     7. Seperti itulah caranya. Jika ada kesalahan saya minta maaf. Selamat mencoba...


Sumber : Youtube 

0 komentar:

Post a Comment