Cara Membuat Mega Menu jQuery CSS

Kali ini saya akan berbagi tutorial kepada para blogger mengenai cara membuat Mega Menu jQuery CSS. Liat tulisannya aja udah "MEGA" pastinya bukan seperti menu biasa lagi dong melainkan luar binasa! eh salah, luar biasa maksudnya hehe :D. Dalam mega menu navigasi ini telah dilengkapi dengan horizontal menu serta drop down menu, dan dilengkapi dengan efek jQuery yang sangat bagus. Kurang lebih tampilannya seperti ini.


Langsung saja ini dia tutorial cara membuatnya:

1. Log-in ke blog sobat
2. Klik Tata Letak (Rancangan) untuk blog antarmuka lawas, Klik Template untuk blog antarmuka yang baru.
3. Klik Edit HTML --> beri tanda centang pada expand template widget.
4. Cari code ]]></b:skin> lalu letakkan kode di bawah ini di atasnya.



5. Kemudian selanjutnya cari code </head> lalu letakkan kode di bawah ini di atasnya.



Catatan:
  • Jika sobat sudah memasang script jQuery, maka abaikan saja kode yang di blok hitam!
6. Lalu cari kode <div id='footer-wrapper'> kemudian letakkan kode di bawah ini di atasnya.



Catatan:
  • Jika di dalam HTML blog sobat tidak terdapat kode <div id='footer-wrapper'> , maka sobat bisa menaruhnya dengan cara Add Gadget HTML/JavaScript.
  • Setelah meletakkan kode di atas, silahkan sobat edit dulu. Ganti tanda # dengan link yang akan dituju pada saat mengklik menu tersebut.
SELESAI dan selamat menikmati..! Eh salah lagi, selamat mencoba maksud saya hehe :D

Share on Google Plus

About Blogger Pemula

Seorang yang hobi menjelajahi dunia internet menggali segala informasi penting, menulis artikel, blogging, menyukai desain grafis dan juga desain web. Semua pengalaman didapat dari belajar Otodidak. Memiliki mimpi untuk menjadi seorang web developer.
    Blogger Comment
    Facebook Comment

2 komentar:

  1. berkunjung sob....
    nice posting.....thanks infonya
    salam silahturahmi dari saya

    BalasHapus