membuat menu navigasi dengan software

Mungkin sudah banyak blogger-bloger yang menuliskan di blognya tentang membuat menu navigasi. Tapi banyak juga blogger newbie yang masih bingung dengan cara pembuatannya. Nah, mungkin dan semoga saja tutorial hari ini bisa sedikit membantu blogger newbie yang masih bingung, dengan software CSS Menu Generator 2.

Sebelum memulai membuat menu navigasi, ya pastilah anda harus mendownload terlebih dahulu software tersebut. Silahkan download di bawah ini.

Jika sudah selesai mendownload, perhatikan langkah-langkah membuat menu navigasi.

1. Download software tersebut, kemudian install seperti biasa.

2. Lalu jalankan CSS Menu Generator 2.

3. Setelah program muncul, pilih CSS DropDown Menu Dan klik tombol Customize





4. Setelah klik customize, anda akan di bawa menuju halaman pengeditan. Disini, silahkan tuangkan semua imajinasi anda. dari mulai warna sampai link-link. Dan di bawahnya, akan ada kotak demo yang berguna sebagai preview css menu anda




5. Setelah selesai mengedit, klik Get the files pada tab view. Kemudian pilih HTML/CSS kode. Kemudian klik XHTML. Copy kode tersebut mulai dari <!-- PULL DOWN MENU - BEGIN --> sampai <!-- END OF PULL DOWN MENU -->




6. Setelah anda copy, letakan kode di atas pada blog anda. Kalo saya, saya tempatkan di atas kode <div id='nav'> pada Edit HTML. Sesuaikan dengan template anda

7. Kemudian, silahkan klik CSS kode pada tab view CSS Menu Generator. Lalu copy kode css tersebut dimulai dari /* pull-down mainmenu css */ sampai /* end of mainmenu css */




8. Kemudian, letakan kode yang sudah di copy di atas kode ]]></b:skin>

Ya, begitulah tutorial kita hari ini. Mungkin anda juga agak bingung, tapi semua sudah saya buat sedemikian rupa agar anda bisa paham. Jika ada kesulitan, silahkan tanya saya di sini