Cara Membuat Menu Horisontal Dropdown di Blog

Investasi Indonesia. Anda pasti sudah tahu apa yang dimaksud dengan Menu Horisontal Dropdown, yaitu Menu Horisontal yang apabila ditunjuk oleh pointer akan terbuka kebawah dan terlihat sub menunya seperti terlihat diblog saya Investasi Indonesia.

Menu ini sangat sederhana, tidak memakan tempat dan terlihat manis (ciee…).

Sudah banyak tutorial yang ditulis tentang cara membuat Menu Horisontal Dropdown, tetapi disini saya akan menguraikan langkah demi langkah khusus untuk Blogger Pemula (termasuk saya hehe..).
Cara ini berdasarkan pengalaman saya setelah kesana kemari mencari cara yang termudah dan bisa dijalankan pada Blogspot.

Langkah 1.

Dengan memanfaatkan situs pembuat Menu yaitu CSS MenuMaker atau klik disini. Pilih Menu lalu pilih Dropdown. Akan tampil contoh-contoh menu. Selanjutnya pilihlah salah satu gambar menu yang sesuai dengan selera anda, klik gambarnya.

Setelah keluar gambarnya, klik Build/Download dan anda akan dibawa ke pengaturan menu (lihat gambar dibawah).

Disitu anda bisa mengatur isi menu dan sub menunya sesuai dengan blog anda.

Setelah semuanya selesai anda bisa meng-klik isi HTML dan CSSnya.

Copy seluruh isi HTML dan CSS ke Notepad.

Langkah 2.

Copy lagi file di Notepad ke Microsoft Office Word untuk disusun dengan cara seperti berikut :

Ketik <style>

Copy seluruh script CSS dibawahnya

Ketik </style> -- perhatikan baik baik, yang ini pakai “/”

Copy seluruh script HTML dibawahnya.

Save.

Langkah 3.

Ini langkah terakhir yaitu memasang Menu di Blog anda.

Klik Desain, pilih Tata Letak, Tambahkan Gadget yang berada dibawah Header dan pilih HTML/JavaScript.

Copy semua kode yang disimpan di Microsoft Office Word tadi dan Simpan.

Selanjutnya Lihat Blog.

Selesai, semoga Menu Horisontal Dropdown anda berjalan sempurna.

Apabila belum berjalan sesuai harapan silahkan tulis Komentar dibawah ini.