Membuat Menu Secara Otomatis

Membuat menu tidak harus dilakukan secara manual. Misalnya Anda dapat membuat menu berikut dengan mudah.

Cek  Menu Vertikal

Tentang bla..bla.bla..  Menu Horizontal

Kita akan membuat menu dengan bantuan tool internet. Untuk itu lihat cara-caranya :

Web 

Contoh submenu

Menu Style

1. Kunjungi Situs http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/ maka akan tampil halaman web seperti gambar Web diatas
2. Pada kolom List text masukkan judul menu yang akan ditampilkan.
3. Pada kolom Address URL masukkan alamat web yang nantinya ketika menu itu di klik akan menuju ke alamat web tertentu.
4. Pada kolom Title attr bersifat optional bisa diisi bisa tidak, ini akan menampilkan keterangan saja.
5. Untuk menambahkan submenu beri centang pada tulisan This link contains sub-level, kemudian isi seperti cara diatas, jika menggunakan submenu maka akan seperti gambar Contoh submenu diatas.
6. Sedangkan untuk menambah menu yang kedua klik saja Add top level navigation item, dan isi seperti cara diatas
7. Setelah selesai semuanya, klik I'm done. Show me the styles, maka akan muncul halaman seperti gambar menu style diatas
8. Lalu pilih syle menu yang Anda suka (Horizontal/Vertikal), kemudian untuk melihat kode scriptnya, klik Show me the markup. Maka akan tampil seperti gambar html di bawah.

Html 

Selanjutnya cara menambahkannya ke blog. sebagai berikut :

1. Masuk ke blog
2. Pilih Tata Letak - Tambah gadget, pastinya dimana menu ini akan ditempatkan, biasanya diatas header
3. Kemudian paste kode html tadi pada langkah terakhir membuat menu diatas
4. Simpan
5. Kemudian balik lagi ke halaman blog, piliih Template - Ubahsuaikan
6. Pilih Tingkat Lanjut - Tambahkan CSS
7. Paste kode CSS yang tadi pada saat langkah terakhir membuat menu diatas.
8. Selesai . . .

Semoga bermanfaat :) Silahkan komentarnya