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


Related Posts:

  • Cara Install Joomla Sebelumnya saya sudah memposting sedikit tentang Joomla. Software Requirment: PHP v5 atau diatasnya PHP JSON MySQL PHP XML Register Global off Ma… Read More
  • Instalasi WordPress WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). Wordpress dibangun de… Read More
  • Mengganti Template pada Joomla 2.5 Secara default, Joomla versi berapa pun yang digunakan sudah ada template yang telah disediakan. Namun, template tersebut kurang bagus. Untuk menggan… Read More
  • Tentang Joomla Joomla adalah CMS (Content Management System) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan… Read More
  • Menambah Menu Dropdown pada WordPress Kemarin saya sudah memposting cara menambahkan plugin Slide, sekarang saya akan memposting bagaimana cara membuat menu dropdown pada WordPress. Beri… Read More

0 komentar:

Posting Komentar

vitarista11.blogspot.com

Popular Posts