You are on page 1of 3

Apakah anda kesulitan untuk mendesain menu di Blog anda?

Mungkin Tools ini bisa


membantu anda untuk mendesain sendiri menu di blog anda.
Seperti kita ketahui bersama, rata rata theme yang kita gunakan sudah dilengkapi dengan
Menu, baik menu yang diambil dari halaman atau dari kategori postingan. Tetapi ada
kalanya theme yang kita pilih tidak dilengkapi menu atau dilengkapi tetapi tampilan
menunya tidak sesuai dengan keinginan kita.
Bagi yang sudah mahir mengkustom theme tidak begitu menjadi masalah, tetapi bagi yang
awam terkadang mendesain menu jadi hal yang menyulitkan.
Untuk mempermudah mendesain menu tanpa harus mahir menguasai Php anda bisa
menggunakan Tools CSS Menu Generator. Cara membuatnyapun sederhana , kita tinggal
memasukkan item menu dan Link nya serta menseting tampilan menunya.
Baik untuk mempermudah, akan saya beri contoh pembuatan menu sederhana beserta
penjelasannya :
1. Download dulu Software CSS Menu Generator DISINI , kemudian silakan diextract dan
diinstall dikomputer anda, seperti biasa jika anda ditanya Password isi
dengan www.yasinku.com
2. Jalankan aplikasinya, Nanti akan muncul menu seperti dibawah ini :

eterangan : lik Icon + (New) untuk memulai membuat item menu, silakan anda ketik
Nama menu serta Linknya, sebagai contoh diatas saya membuat 3 menu : Home,Sitemap
dan About
3. Setelah item menu diisi semua lanjutkan dengan memilih type menunya, ada 4 type
menu : Horisontal,Vertikal,Combo Box atau Pulldown menu. Sebagai contoh dibawah ini
saya pilih menu horisontal, untuk menu yang lain hampir sama, silakan anda pilih sendiri
type menunya.

eterangan :
O 1. untuk warna background menu
O 2. warna Tulisan
O 3. Warna background jika menunya disorot oleh mouse
O 4. Warna Tulisan menu jika menunya disorot oleh mouse
O dan 6 adalah warna dari border dan pemisah menu
O adalah untuk menentukan menu apa yang pertama kali disorot atau diaktifkan,jika tidak
ada tidak perlu dirubah/none
O ,9,10,11 adalah setingan untuk jenis font,efek, dan ukuran
O 12 untuk mengatur layout menu
O 13 adalah nama dari class
O Hasil dari setingan menu bisa dilihat pada kolom Preview
4. Langkah terahir adalah menyalin kode script yang dihasilkan oleh aplikasi css menu
generator seperti yang terlihat di bawah ini :

eterangan :
Hasil dari generator menu ada 2 kode script:
O 1. ode Css silakan dicopy paste pada file Style.css (gambar nomor 1)
O 2. ode untuk menunya sendiri, silakan dicopy paste pada file php tempat menu diletakkan,
misalnya pada Header.php ( Gambar Nomor 2)
Selesai silakan dicoba hasil dari generator Menunya.
Selamat mencoba semoga bermanfaat.

You might also like