Blogger

Cara Membuat Menu Dropdown Bertingkat Keren di Blog

Menu pada blog merupakan bagian yang terletak pada header sebuah blog, dimana pada menu ini berfungsi untuk meletakan link-link khusus untuk kategori yang ada pada pada blog. Dengan adanya menu dropdown akan memudahkan bagi pegunjung blog, untuk mencari artikel yang ada di blog kita berdasarkan kategori tertentu.

Dan biasanya menu pada header blog ini dibuat untuk memberikan kepuasan tersendiri kepada pembaca blog, agar lebih mudah dalam menentukan kategori mana yang hendak dipilih. Menu dropdown ini dibuat, untuk blog-blog yang memiliki banyak sub-sub kategori.

Bagaimana memasang Menu Dropdown pada blog kita? Berikut ini cara mudah memasang menu dropdown di blogger kita, dengan mengcopy semua script berikut ini dan pastekan pada bagian <!– Menu Navigasi header star–>.

Berikut ini codenya:

<!-- 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 -->

Nah itulah cara memasang menu dropdown pada blog kita, dan semoga bermanfaat.

Tags

Alekpedia

Merupakan Founder Alekpedia. Nama sebenarnya Alek Sander, saat ini menempuh pendidikan tinggi di Universitas Sriwijaya. Disela kesibukan sebagai Mahasiswa, tetap menyempatkan waktu untuk menulis di blog sederhana ini.

Related Articles

One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close
Close