Cara membuat menu navigasi bertingkat pada template linkmagz

Bagaimana Cara membuat menu navigasi bertingkat padatemplate linkmagz? Pada template LinkMagz memiliki widget menu navigasi yang terdapat pada header website(bagian atas website). Template LinkMagz itu sendiri memiliki fitur yaitu 100% edit dari Tata Letak pada menu blogger, jadi ngga perlu repot-repot mencari script html header menu navigasi pada template.

Jadi bagi sobat gurun yang bingung dengan mengedit menu navigasi pada template LinkMagz dan tidak memahami tentang script html tidak perlu pusing. Disini saya akan bahas tuntas bagaimana caranya membuat menu navigasi bertingkat pada template LinkMagz.

Cara membuat menu navigasi pada template LinkMagz 2.0

Membuat menu navigasi di template LinkMagz 2.0 sangatlah mudah, ikuti langkah-langkah berikut:

• Pertama yang harus sobat gurun lakukan adalah masuk ke Blogger
• Lalu, pilih menu Tata Letak

• Setalah itu, dibagian widget Menu Navigasi klik Edit.

• Kemudian salin kode HTML berikut ini

<!-- Widget Menu Navigasi start Isblog.me -->
<li><a href="#">Menu Satu</a></li>
<li><a href="#">Menu Dua</a></li>
<li><a href="#">Menu Tiga</a></li>
<!-- Widget Menu Navigasi finished Isblog.me -->

• Setelah disalin, masukkan kode HTML ke menu edit navigasi

• Lalu klik "Simpan"

Itu adalah cara membuat menu navigasi pada template LinkMagz, sekarang untuk melihat hasil klik pratinjau/priview

Cara membuat sub-menu navigasi pada template LinkMagz 2.0

Untuk membuat sub-menu navigasi sobat gurun bisa ikuti langkah-langkah diatas, lalu sobat gurun salin kode HTML berikut :

<!-- Widget Menu Navigasi start Isblog.me -->
<li class="has-sub"><a href="#">Menu Utama</a>
    <ul>
<li><a href='#'>Sub-Menu 1</a></li>
<li><a href='#'>Sub-Menu 2</a></li>
<li><a href='#'>Sub-Menu 3</a></li></ul></li>
<!-- Widget Menu Navigasi finished Isblog.me-->

Jangan lupa untuk mengganti "#" dengan URL tujuan yang sobat gurun inginkan, dan mengganti nama sub-menu sesuai dengan judul yang sobat gurun buat.

Berikut contoh penempatan kode HTML untuk submenu di template LinkMagz 2.0 :

• Lalu klik "Simpan"

Cara membuat sub-menu navigasi bertingkat pada template LinkMagz 2.0

Selanjutnya jika sobat gurun ingin membuat sub-menu dibawah sub-menu atau biasanya disebut sub-menu bertingkat. sobat gurun ikuti langkah-langkah berikut :

• Ikuti langkah awal membuat menu navigasi
• Lalu salin kode HTML berikut :

<!-- Widget Menu Navigasi start Isblog.me -->
<li><a href="#">Menu Satu</a></li>
<li><a href="#">Menu Dua</a></li>
<li><a href="#">Menu Tiga</a>
<li class="has-sub"><a href="#">Menu Utama</a>
    <ul>
<li><a href='#'>Sub-Menu 1</a></li>
<li><a href='#'>Sub-Menu 2</a></li>
<li><a href='#'>Sub-Menu 3</a>
      <ul>
     <li><a href='#'>Sub-Sub-Menu 3</a></li>
     <li><a href='#'>Sub-Sub-Menu 3</a></li>
     <li><a href='#'>Sub-Sub-Menu 3</a></li></ul>
     </li></ul>
     </li>
<!-- Widget Menu Navigasi finished Isblog.me -->

Berikut contoh penempatan kode HTML untuk submenu bertingkat di template LinkMagz 2.0 :

• Lalu klik "Simpan"

Demikian penjelasan Bagaimana Cara Membuat Menu Navigasi Bertingkat Pada Template LinkMagz 2.0

Semoga Bermanfaat untuk sobat gurun sekalian.

Jika ada yang ditanyakan silakan komentar.