Cara Membuat Navigasi Submenu Linkmagz - Domawin

 

Domawin.xyz - Navigasi bukan sekedar memberi hiasan pada sebuah website, Navigasi sendiri memiliki banyak fungsi dalam sebuah website untuk memberikan opsi daftar pilihan yang berada di tajuk / header. 

Navigasi berperan dalam memberikan opsi kategori / label / halaman / dokumen yang terbilang unik pasalnya navigasi sendiri memiliki dropdown/submenu berisi internal link yang tentunya dapat membantu pengunjung mencari artikel yang dicari dan mampu membuat pengunjung lebih senang dengan kemudahan yang diberikan pihak website, Bahkan saat ini banyak website yang menampilkan navigasi secara responsif dan menarik.

Sesuai judul, kita akan membuat menu navigasi beserta sub menu pada template Linkmagz, Penting! Pastikan kalian membeli template ini pada Mas Sugeng, jika kalian memiliki pertanyaan seputar template yang dibeli pada Mas Sugeng kalian dapat langsung bertanya dengannya. Ok, Sesuai judul langusung saja simaka bagaimana caranya.

Kalian login blog terlebih dahulu kemudian klik Tata letak, klik menu navigasi

Selanjutnya kalian pastekan kode berikut tepat di kolom konten:

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

 

Berikut penjelasan cara membaca kode tersebut...

Kode 1: <li class="has-sub"><a href="#">Menu Utama</a></li>

Tampilan kode1

Kode 2: <li class="has-sub"><a href="#">Judul Menu</a>

<ul>

    <li class="has-sub"><a href="#">Submenu Satu</a>

      <ul>

   </li>

Tampilan kode 2

Kode 3: <li class="has-sub"><a href="#">Judul Menu</a>

<ul>

    <li class="has-sub"><a href="#">Submenu Satu</a>

      <ul>

        <li><a href="#">Submenu dari Submenu Satu</a></li>

        <li><a href="#">Submenu dari Submenu Satu</a></li>

      </ul>

    </li>

Tampilan kode 3

Kode 4: <li><a href="#">Judul Menu</a></li>

Tampilan kode 4

PENGINGAT!

Kode1 adalah judul

Kode 2 adalah submenu dari judul

Kode 3 adalah submenu dari submenu judul

Kode 4 jika kalian hanya ingin Judul menu tanpa ada tanda bawah

tanda (#) kalian ganti dengan URL/link kalian