Cara Membuat Menu Navigasi Horizontal Bercabang di Blog

Bagi para blogger menu navigasi horizontal pasti sudah tidak asing lagi. Letaknya biasanya berada di bagian atas pada header blog. Menu ini biasanya berisi konten-konten yang dianggap penting oleh pemilik blog atau juga dapat diisi dengan kategori/label postingan blog agar para pembaca mudah untuk mencari artikel yang mereka cari. Dalam menu tersebut juga dapat ditambahkan cabang dari menu utamanya. Cabang ini muncul ketika kita arahkan kursor ke menu utamanya. Lalu bagaimana cara membuat cabang tersebut? Berbagi ILMU kali ini akan sedikit berbagi tentang bagaimana cara membuat cabang dari menu navigasi horizontal. Cara ini digunakan apabila Anda sebelumnya sudah memasang menu tersebut di blog. Lihat tutorial di bawah ini.

Cara membuat menu navigasi horizontal bercabang di blog :

1. Masuk ke Template, kemudian pilih Edit HTML

2. Cari kode <li><a href='#'>"nama menu"</a></li> . Keterangan: agar mudah menemukannya, gunakan Ctrl+F kemudian tuliskan nama menu yang sudah Anda buat, misal: Tips & Trick . Kode tersebut adalah kode untuk menu utama.

3. Kemudian tambahkan kode berikut setelah kode </a>

<ul>
<li><a href='#'>"nama cabang"</a></li>
</ul>

4. Maka setelah ditambahkan, kodenya menjadi seperti ini.

<li><a href='#'>"nama menu"</a>
<ul>
<li><a href='#'>"nama cabang"</a></li>
</ul>
</li>

5. Untuk menambah cabang, Anda dapat menambahkan kode <li><a href='#'>"nama cabang"</a></li> dibawahnya

<li><a href='#'>"nama menu"</a>
<ul>
<li><a href='#'>"nama cabang"</a></li>
<li><a href='#'>"nama cabang"</a></li>
</ul>
</li>

6. Simpan dan lihat hasilnya.

Keterangan:

• Tanda '#' diganti dengan link menu Anda
• Nama menu dan cabang dapat Anda sesuaikan sendiri

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: