cara membuat menu dropdown

hello sahabat kuyalamban, salam hangat dari kami semoga anda merasa nyaman berada di blog ini. seperti yang sudah di sebutkan di atas kali ini kita akan membahas bagaiana cara membuat menu dropdown atau sub menu. secara lebih jelasnya bisa di katakan menu tambahan dari menu utama kita. apakah sobat sudah mengerti??? jika belum biar saya beri gambarannya.



naah yang di atas itu adalah contoh dari sub menu, oke sob kalau gitu gak perlu lama-lama kita langsung aja ke caranya.

yang pertama sobat harus mempunyai script kode untuk membuat menu tersebut.


      <nav id='nav'>
<a class='toggleMenu' href='#'><i class='fa fa-th-list'/> Menu</a>
<!-- secondary navigation menu start -->
<ul class='nav nav-menu2'>
<li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='http://www.kuyalamban.com/search/label/HIBURAN'>HIBURAN</a>
<ul>
<li><a href='http://www.kuyalamban.com/search/label/CINTA'>CINTA</a></li>
<li><a href='http://www.kuyalamban.com/search/label/LUCU'>LUCU</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>PELAJARAN</a>
<ul>
<li><a href='http://www.kuyalamban.com/search/label/biologi'>BIOLOGI</a>
</li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='http://www.kuyalamban.com/search/label/NGEBLOG'>BLOGGING</a></li>
<li><a href='http://www.kuyalamban.com/search/label/TIPS%20DAN%20TRIK'>TIPS DAN TRIK</a></li>
<li><a href='#'>Error Page</a></li>
<li><a href='#'>Static Page</a></li>
</ul>

sengaja saya samakan dengan menu saya, agar ketika sobat mengeditnya bisa sambil melihat contoh di blog ini.
cara pemasangan bisa lewat TATALETAK-TAMBAH WIDGET HTML/JAVASCRIPT-MASUKAN KODE.

atau dengan cara masuk ke menu TEMPLATE- EDIT HTML-SIMPAN DI BAWAH KODE </header>

oke, mungkin hanya itu saja, selamat mencoba.

Tweet