Senin, 27 September 2010

Cara Membuat Menu Dropdown Sendiri

Caranya gampang banget.. Ditutorial ini saya sarankan untuk memakai Multi-level Navigation Plugin
Langkah-langkahnya sbb:

  • Langsung donlot aja pluginnya disini. Oke, sambil nungguin donlotnya selese mari kita bahas sedikit tentang cara kerja plugin ini. Plugin ini sangat tidak susah alias gampang banget digunakan, menu didalam plugin sangat lengkap, kita tinggal ngikutin aja apa kata tuh plugin, tapi kalo dia suruh kita nyebur ke kali ya jangan mau :D Eh tunggu dulu, kayaknya  donlotnya dah sukses tuh..
  • Langsung di instal aja sekarang entar baru kembali lagi kesini oke :D . Sudah diinstal? Okelah kalo begitu mari kita lanjutkan pertempuran kita.
  • Setelah instalasi selesai lalu aktifkan pluginnya, setelah aktifasi berhasil langsung aja masuk ke Dashboard trus  ke Settings trus turun kebawah cari Multi-level Navigation, dah ketemu? pinteer,.. diklik dong, bagus,.. Setelah masuk ke menu Multi-level Navigation kita akan disuguhi nenu Home, Appearance, Menu Contents, Settings.
  • Buat yang udah jago HTML dan PHP langsung ikutin aja instruksi yang anda dimenu plugin, tapi buat yang masih bego kaya saya mendingan terusin bacanya.
  • Sebelum melanjutkan pertempuran pertama-tama kita pelototin dulu menu Home dalam plugin, disitu kita akan dituntun tata cara instalasi lanjutan, kita disuruh untuk meletakan sebuah kode di header template kita (ga tau sih entu namanya kode apaan) yang pasti bentuknya kaya gini:
  • Copy aja tuh kode trus tempelin di header.php template kita, tau kan caranya? ga tau? ABCD (Aduh Bo Capek Deh!!!) brelajar dulu aja sama mbah google ya.
  • Setelah kode tersebut dah ditaro di header.php langkah selanjutnya adalah memasukan kode css untuk menu drop down kita, keistimewaan dari plugin ini beliau menyediakan Multi-level Navigation CSS Generator yang berguna untuk membuat kode css dropdown sesuai keinginana kita. Mampir ke Multi-level Navigation CSS Generator trus kita rakit css buatan kita, setelah selesai merakit, copy codenya trus bawa pulang.
  • Seterlah kita berhasil membuat kode css di CSS Generator tadi langkah selanjutnya adalah memasukan kode CSS buatan kita tadi. Caranya masuk ke menu Appearance di dalam plugin tadi dan kita pstekan kode CSS buatan kita tadi disitu lalu di save.
  • Untuk mengedit konten yang akan kita masukan ke menu dropdown kita masuk aja ke Menu content dan kita bisa mengotak-atiknya disana.
  • Selanjutnya kita masuk ke menu Setting didalam plugin, jika kita tidak ingin merubahnya biarkan saja default.
  • Oke selanjutnya kita lihat hasilnya.
Selamat mencoba. Jika anda berhasil berarti anda pintar, jika tidak berhasil berarti anda kurang pintar. Jangan menyetarah, coba lagi.
Catatan: Tidak semua template suport dengan CSS ini, coba pilih temlate yang sesuai.

Tidak ada komentar:

Posting Komentar

JANGAN LUPA KOMENTAR NYA YANG MEMBANGUN