Banyak cara membuat Multi Dropdown dengan menambahkan beberapa CSS baru dan kode baru. Akan tetapi bagaimana cara menambahkan multi dropdown pada menu yang sudah ada? silahkan untuk membuka Kode HTML blognya.
Pada dasarnya kode standar untuk Menu yang ada di blog kita kurang lebih adalah sebagai berikut :
<ul class='menu' id='menunav'>
<li><a class='home' href='/'>Home</a></li>
<li><a href='URL_MENU1' title='MENU1'>MENU1</a></li>
<li><a href='URL_MENU2' title='MENU2'>MENU2</a></li>
<li><a href='URL_MENU3' title='MENU3'>MENU3</a></li>
<li><a href='URL_MENU3' title='MENU4'>MENU4</a></li>
<li><a href='URL_MENU4' title='MENU5'>MENU5</a></li>
</ul>
Jika sobat bingung mencarinya (gunakan ctrl+f) kemudian lakukan pencarian dengan mengetikan nama menu yang sudah ada pada blog sobat, cari sampai ketemu kode html yang mirip-mirip seperti kode diatas.
Pada setiap blog, kode menu berbeda, tapi struktur kodenya kurang lebih seperti itu. Contoh kita ingin menambahkan submenu pada Menu2, maka kodenya akan menjadi seperti ini :
<ul class='menu' id='menunav'>
<li><a class='home' href='/'>Home</a></li>
<li><a href='URL_MENU1' title='MENU1'>MENU1</a></li>
<li><a href='URL_MENU2' title='MENU2'>MENU2</a>
<ul>
<li><a href='URL_SUBMENU' title='SUBMENU'>SUBMENU</a></li>
<li><a href='URL_SUBMENU' title='SUBMENU'>SUBMENU</a></li>
<li><a href='URL_SUBMENU' title='SUBMENU'>SUBMENU</a></li>
</ul>
</li>
<li><a href='URL_MENU3' title='MENU3'>MENU3</a></li>
<li><a href='URL_MENU3' title='MENU4'>MENU4</a></li>
<li><a href='URL_MENU4' title='MENU5'>MENU5</a></li>
</ul>
Keterangan :
Pada MENU2, kode </li> ditempatkan diakhir untuk menutup kode <ul>....</ul> pada SUBMENU. Logika tersebut berlaku juga jika sobat ingin menambahkan SUBSUBMENU pada SUBMENU dan seterusnya
Itu saja tutorial menambahkan submenu pada menu yang sudah ada di blog kita. semoga bermanfaat.
Rekomendasi:
- Membatasi Jumlah Postingan Label Blog Yang Muncul Semua Bagaimana cara membatasi jumlah postingan label blogger yang muncul semua? Membatasi jumlah label pada blog menjadi salah satu cara agar ketika kita klik label, postingan berdasarkan label tersebut tidak muncul…
- Cara Menghapus Icon Obeng Tang Quickedit Blogger… Tidak seperti blog non-amp, dalam menggunakan blog amp karena setiap menambahkan widget baru, akan otomatis memunculkan quickedit untuk widget tersebut, hal tersebut akan membuat validasi amp blog kamu error seperti…
- Membatasi Hasil Pencarian pada Blog yang Muncul Semua Pada kali ini saya akan memberikan tutorial bagaimana cara membatasi jumlah hasil postingan pencarian pada blog, biasanya ketika hasil pencarian tidak dibatasi, untuk keyword yang kita tuliskan akan muncul sebanyak-banyaknya,…
- Menemukan Kode Dengan Cepat di Edit HTML Blogger Dimana tempat untuk merubah tampilan blogger? Jawabannya adalah Edit HTML. Diperlukan jika Sobat ingin mengutak-atik tampilan blog, bisa menghapus atau menambahkan beberapa perubahan sesuai keinginan Sobat. Cara menggunakan Edit HTML…
- Merubah Kode HTML yang sama pada Blogger sekaligus Postingan kali ini saya akan memberikan tips dan trik cara cepat merubah semua kode HTML yang sama pada Blog. Contohnya jika kita ingin merubah semua kode warna (contoh kode yang…
- Settingan yang harus dilakukan sebelum membuat… Curhatan dari pemilik blog Siskaaml.net bahwa ketika menulis postingan timbul kode-kode aneh yang tidak dimengerti. Jika sobat belum cukup mengerti tentang hal-hal yang berbau kode HTML dan nantinya malah membuat…
- Pertama Kali Memasukan Kode Adsense Review Blog Terbaru Bagi sobat yang baru pertama kali mendaftarkan blog atau web nya untuk di monetize, alangkah baiknya harus tau dimana kode iklan review harus ditempatkan. Pertama kali sobat akan menerima email…
- Pembayaran IndiHome via SMS Banking Mandiri Karena sekarang musim hujan menjadi malas untuk melakukan pembayaran ke Plasa Telkom, saya ada kabar gembira untuk kita semua, cara melakukan pembayaran tagihan IndiHome menggunakan SMS Banking. Langsung saja tutorial cara…
- Mengembalikan CNAME Blog Yang Terhapus Jika sobat ingin bermigrasi dari blog menjadi domain sendiri, bisanya akan meletakan kode CNAME (kode unik) dari blog yang kita miliki untuk diletakan pada saat pengaturan DNS nanti pada cPanel.…
- Membuat Recent Post tanpa Thumbnail sederhana di Blog Cara membuat widget recent post (postingan terbaru) sederhana pada blog bertujuan untuk menampikan artikel terbaru dari sebuah blog. Widget recent post bisa juga sebagai media pemberitahuan kepada pengunjung tentang artikel…
