Membuat Menu Tanpa CSS dan Java Scrips - Pada kesempatan kali ini saya akan membagikan cara membuat menu vertical atau horizontal tanpa CSS dan Java Script tapi dengan Jquery yang dihosting.
Tentunya membuatnya secara online, situs pembuatan menu ini menyediakan pemberian title pada link menunya. cukup edit saja di situsnya lalu ambil kodenya, tidak ribet, mungkin ini solusi bagi pemula yang ingin menu bagus tanpa susah'' bertanya kemana-mana.
Tapi sebelum kalian melakukan membuat menu silahkan sedia link yang ingin di masukkan ke menunya, karna menu ini tidak bisa di edit melalui HTML secara manual, soalnya kode dari menunya di hosting semua.
Nah silahkan simak langkah-langkahnya dibawah ini :
- Login dulu ke situsnya DISINI , kalau belum punya akunnya daftar dulu yah :D kalau mempunyai akun nantinya memudahkan kita untuk mengeditnya, karna hasil menu yang kita buat tadi tersimpan di akun :)
- Klik Create Menu Now.
- Setelah itu penampakannya seperti gambar di atas, disini kita mulai menyesuaikan seperti yang kita inginkan.
- Structure : Untuk membuat menu dan sub menunya, disini ada tanda + yang mana digunakan untuk menambah menu atau sub menu, dan disebelahnya ada tanda ----- adalah untuk memberi border pemisah, lihat saja contohnya.
- Template : Digunakan untuk mengatur Style.-Color 1 : Untuk mengatur warna background.-Color 2 : Untuk mengatur warna Background Hover atau ketika cursor di arahkan,geser kebawah lagi bagian font. silahkan sesuaikan ukuran dan jenis dari tulisannya.-Color (main) "Normal" : Untuk mengatur warna tulisan tanpa ada sentuhan.-Color (main) "Hover" : Untuk mengatur warna tulisan ketika cursor di arahkan ke menunya, lebih tepatnya warna Hover.-Color (submenus) "normal" dan "hover" : Sama saja kegunaannya, bedanya hanya untuk sub menu, kalau tidak tau sub menu itu apa, coba cursor kalian arahkan ke menu yang mempunyai tanda, disitu akan keluar menu lagi, itu namanya sub menu.
- Selanjutnya ke bagian Options disini kalian bisa menyesuaikan jenis menu yang kalian inginkan, Vertical atau Horiontal, kalau ingin Vertical tinggal centang Vertical.
- Menu width : Lebar untuk Menunya, silahkan atur sendiri, kalian bisa menggunakan "px" atau "%" bisa juga pilih auto.
- Submenu height biarkan saja secara default.
- Selanjutnya bila kalian ingin menunya Responsive silahkan centang Responsive menu. dan rubah namanya bila ingin dirubah.
- Untuk melihat hasilnya silahkan klik Apply Changes
Nah untuk selanjutnya silahkan sesuaikan sendiri, seperti :
Icon untuk memberi icon.
Text untuk nama dari menunya, terserah apa saja.
Link silahkan isi dengan link yang mau dipasang di menunya, seperti daftar isi dll.
Silahkan Klik Additional Options untuk memberikan title dan target pada link menunya.
Agar ketika menunya di klik terbuka di tab baru, isi Target dengan _blank.
Tooltip yaitu untuk memberi Title pada setiap link.
Setelah semuanya selesai, silahkan klik </> Code disitu ada link jquery, copy saja semuanya,
lalu letakkan di atas kode </body> atau di bawah Kode <body>
Nah itulah cara Membuat Menu Tanpa CSS dan Java Scrips, sampai disini perjumpaan kita, semoga bermanfa'at untuk semua.
Sampai jumpa di artikel selanjutnya.
Baca Juga :