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.