Cara Menambahkan Menu Navigasi Template LinkMagz - Hobi Ngoding

hobingoding.com - Menu Navigasi merupakan bagian dalam sebuat website yang berisi daftar pilihan kategori, halaman ataupun menu-menu lainnya yang biasanya terletak pada bagian header (atas) sebuah website ataupun blog.

Sejatinya bagian menu navigasi ini biasanya digunakan untuk mempermudah pengunjung untuk dapat menjelajahi konten yang tersedia dalam website tersebut karena memang biasanya menu-menu yang diletakkan pada bagian navigasi ini merupakan menu-menu yang menjadi pokok pembahasan utama dalam website tersebut.

Sesuai dengan judul postingan yang sedang kamu baca ini, saya disini akan membagikan cara menambahkan menu navigasi pada template LinkMagz dimana pada template terbaru dari Mas Sugeng ini, semua pengaturannya sudah dilakukan melalui menu Edit Tata Letak Blogger. Adapun penambahan menu navigasi yang akan saya jelaskan disini terdiri dari 3 jenis menu yang berbeda yaitu yang pertama menu tunggal, kedua menu dengan submenu, dan yang terakhir menu dengan submenu yang memiliki submenu lagi.

Catatan: Pastikan kamu mendapatkan template LinkMagz ini dengan cara membelinya langsung dari Mas Sugeng untuk mendapatkan support langsung dari Mas Sugeng. Selain itu dengan membelinya secara langsung dari Mas Sugeng, kamu sudah termasuk mendukung Mas Sugeng dalam mengembangkan template ini dan template-template yang sudah ada sebelumnya.

Cara Menambah Menu Navigasi LinkMagz

1. Masuk ke dashboard Blogger > pilih menu Tata Letak > edit widget Menu Navigasi.

2. Salin kode yang ingin kamu gunakan di bawah ini sesuai kebutuhan, lalu tempelkan pada bagian Konten widget Menu Navigasi.

Menambahkan Menu Utama

<li><a href="#">Menu Utama</a></li>

Menambahkan Menu Utama yang memiliki Submenu

<li class="has-sub"><a href="#">Menu Utama</a>
  <ul>
    <li><a href="#">Submenu Satu</a></li>
    <li><a href="#">Submenu Dua</a></li>
  </ul>
</li>

Menambahkan Menu Utama yang memiliki Submenu dan Submenunya memiliki Submenu

<li class="has-sub"><a href="#">Menu Utama</a>
  <ul>
    <li class="has-sub"><a href="#">Submenu Satu</a>
      <ul>
        <li><a href="#">Submenu Satu dari Submenu Satu</a></li>
        <li><a href="#">Submenu Dua dari Submenu Satu</a></li>
      </ul>
    </li>
    <li class="has-sub"><a href="#">Submenu Dua</a>
      <ul>
        <li><a href="#">Submenu Satu dari Submenu Dua</a></li>
        <li><a href="#">Submenu Dua dari Submenu Satu</a></li>
      </ul>
    </li>
  </ul>
</li>

Ganti bagian berwarna merah dan biru di atas dengan keterangan:

• merah: link alamat tujuan yang akan dibuka ketika menu tersebut diklik
• biru: judul menu yang akan ditampilkan pada menu navigasi

3. Klik Simpan.

Untuk demonya sendiri kamu bisa melihatnya pada menu navigasi yang ada pada bagian header blog ini karena saya disini telah menggunakan menu navigasi multi level dropdown .

Demikianlah Cara Menambahkan Menu Navigasi pada Template LinkMagz ini. Jika ada yang ingin kamu tanyakan, silahkan tanyakan pada kolom komentar di bawah ya. Terima kasih.

Related Posts