Bagaimana cara membuat atau menambahkan menu dropdown ? Pertanyaan itu sering kali dilontarkan para blogger pemula yang baru membuat blog. Baiklah kali saya akan membahasnya khusus untuk kalian pengguna platform Blogger.
Terdapat 2 cara untuk membuat menu dropdown yaitu dengan menambahkan kode script dibawah ini pada blog kamu sendiri atau dengan mengedit kode script pada template download yang kalian gunakan.
- Mengedit Template Polos pada Blog Sendiri
- HTML Dropdown Menu
<div id="menu">
<ul>
<li><a href="#">Menu</a>
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
</ul>
</li>
<li><a href="#">Artikel</a>
<ul>
<li><a href="#">Artikel 1</a></li>
<li><a href="#">Artikel 2</a></li>
<li><a href="#">Artikel 3</a></li>
<li><a href="#">Artikel 4</a></li>
</ul>
</li>
<li><a href="#">Tentang Saya</a>
<ul>
<li><a href="#">Email</a></li>
<li><a href="#">Phone</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</li>
</ul>
</div>
<ul>
<li><a href="#">Menu</a>
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
</ul>
</li>
<li><a href="#">Artikel</a>
<ul>
<li><a href="#">Artikel 1</a></li>
<li><a href="#">Artikel 2</a></li>
<li><a href="#">Artikel 3</a></li>
<li><a href="#">Artikel 4</a></li>
</ul>
</li>
<li><a href="#">Tentang Saya</a>
<ul>
<li><a href="#">Email</a></li>
<li><a href="#">Phone</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</li>
</ul>
</div>
Itulah kode untuk membuatnya. Namun kode tersebut masih terbilang sangat sederhana, karena yang yang muncul hanya dropdown berupa teksnya saja. Jika kalian ingin memvariasikannya kalian bisa menambahkan kode CSS (cascading style sheet) agar lebih indah atau menarik.
- Memasang Template Free lalu Mengeditnya
- Download dan pasang template gratis yang telah kamu download.Caranya lihat disini
- Buka menu Template dan klik pada Edit HTML
- Cari tag menu dropdown dari template yang telah kamu pasang.Ciri-cirinya sama dengan kode utama menu dropdown di atas
- Kamu bisa mengedit dan menyesuaikan dengan menu yang kamu ingin/butuhkan
Seperti yang kamu lihat bahwa cara kedua lebih mudah daripada yang pertama. Untuk pemula saya lebih menyarankan kamu untuk menggunakan cara yang kedua karena hanya mengedit apa yang ada. Namun apabila kamu merasa paham dengan pemrograman web kamu bisa menggunakan cara yang pertama.