Cara Membuat Menu Horizontal Beserta Submenu

Sebagian besar para blogger dan pemilik website pasti mempunyai banyak halaman web untuk website ataupun blog mereka. Namun, jika kita berkunjung, bagaimana caranya untuk kita masuk ke halaman yang telah dibuat oleh si pemilik blog / site tersebut? Pasti pemilik pemilik website terseut membuat sebuah daftar yang berisi nama dan link untuk membuka halaman halaman web yang sudah disediakan. Inilah yang disebut dengan Menu.

Sebagian besar pula para blogger ingin membuat Menu Navigasi dengan indah. Toh, selain menu navigasi nya tampak indah pasti blognya juga akan tampak indah. Tapi, menu navigasi akan tampak lebih indah lagi jika warna menu tersebut disesuaikan dengan warna background blog anda. Tapi, terserah anda deh. Ayo kita mulai bereksperimen.

1. Mula mula login ke http://www.blogger.com
2. Masuk ke Rancangan > Edit HTML
3. Carilah kode ]]></b:skin>
4. Setelah ketemu, copy kode di bawah dan paste di atas kode yang tadi


5. Sebelum melanjutkan ke langkah berikutnya, anda perlu menentukan posisi menu navigasi yang diinginkan. Biasanya menu navigasi diletakkan di atas header atau di bawah header. Misalkan anda ingin memasangnya di atas header, maka anda harus mencari kode <div id='header-wrapper'>

6. Cari yang mirip aja dengan kode yang diatas, kalau dah ketemu, silahkan copy dan paste kode ini:

<ul>
<li>Nama Halaman 1</li>
<li>Nama Halaman 2
<ul>
<li>Nama Sub Halaman 1</li>
<li>Nama Sub Halaman 2</li>
</ul>
</li>
<li>Nama Halaman 3</li>
</ul>

7. Selesai, anda juga dapat menambah dan mengubah daftar laman sesuai kemauan anda. Jika terdapat sesuatu yang tidak dimnengerti, atau ada pertanyaan, maka anda bisa mengisi komentar anda di bawah dengan pertanyaan anda. Terima Kasih.
This entry was posted in , . Bookmark the permalink.