cara membuat menu dropdown bertingkat

Hello blogger yang budiman dimanapun anda berada, pada kesempatan ini saya akan membagikan tutorial singkat mengenai cara membuat menu header bertingkat pada template viom*gz dan viot*ko. Dengan adanya menu metode dropdown bertingkat ini akan memudahkan pemilik blog untuk menempatkan menu-menu lain pada blog agar mencapai efisiensi dalam membangun blog.

Demo by faronesia

Sebenarnya tutorial ini sudah lama sekali namun apa salahnya jika saya mengulas kembali dari beberapa para tutor di google.

cara membuat menu dropdown bertingkat

Baiklah tidak perlu panjang lebar, mari kita simak tutorial singkatnya dibawah ini:
1. Buka dashboard blog
2. Klik menu tema
3. Klik edit HTML
4. Cari kode ini <!-- menu navigasi header start --> lalu pastekan kode dibawah ini sampai bagian penutupnya <!-- menu navigasi header end -->

<!-- menu navigasi header start -->
<ul>
  <li><a href='#'>Menu</a>
  <ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
  </ul>
  </li>
  </ul>
  </li>
  </ul>
  </li>
  </ul>
  </li>
  </ul>
  </li>
  <li><a href='#'>Menu</a>
  <ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
  </ul>
  </li>
</ul>
<!-- menu navigasi header end -->

Keterangan:
Silahakan copy bagian yang berwarna merah lalu modifikasi dengan teliti sesuai dengan selera dan keinginan masing-masing

5. Lalu simpan

Nah itulah tadi cara membuat menu dropdown bertingkat pada blog khususnya pada template viom*gz dan viot*ko semoga bermanfaat, jangan lupa share dan komentar dibawah ini.

Share this post