×

search by faronesia.com

FARONESIA.COM
Profesional and Specialist WebDesign

Unduh dan dapatkan template blogger terbaik mulai dari premium hingga gratis tersedia di Faronesia.com

Unduh sekarang

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.

Posting Komentar

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Developer

test-1 test-2
Saya adalah seorang Web Designer dan Front-End Developer, 5 tahun dalam pengalaman bermain coding sejak SMA. Pemilik Blog Faronesia sekaligus Desainer Template Blogger.

azza / owner faronesia
Saya adalah mahasiswi sekaligus penulis lepas di sela-sela kesibukan saya. Penulis Faronesia sekaligus penyempurna naskah artikel.

shofi / author faronesia
Notifikasi pengguna

Tetap selalu terhubung dengan kami untuk menjadi bagian dari Faronesa caranya cukup dengan menekan tombol dibawah ini.

Tutup