Cara Buat Menu Dropdown Selalu Terbuka di Template Median UI Versi 2.6.2
January 08, 2024Halo Sahabat Kang Rizky, berjumpa lagi ya di Blog yang sama ya, dalam kesempatan kali ini mimin akan berbagi Cara Buat Menu Dropdown Selalu Terbuka di Template Median UI Versi 2.6.2.
Menu Dropdown Merupakan Menu Utama yang menyembunyikan SubMenunya di dalamnya. pada SubMenu tersebut baru akan muncul ketika sahabat menyentuh Menu Dropdownya.
FUNGSI MENU DROPDOWN
Ada 2 fungsi utama Menu Dropdown, yakni:
- Untuk menggeneralisasi beberapa topik yang sama menjadi satu kategori saja
- Untuk menghemat ruang agar semua menu terlihat rapi dan enak dilihat
Jadi sahabat, Menu Dropdown ini sangat membantu blog seperti Kangrizky.com karena topik yang mimin bahas di blog ini sangat banyak sekali.
Dengan adanya Menu Drop Down ini, maka mimin bisa menempatkan semua Menu dalam satu layar penuh tanpa ada yang tersembunyi atau terpotong ya jadi terlihat profesional.
Tapi sahabat perlu diketahui juga, bagi sebagian blogger, menyembunyikan pada SubMenunya justru menjadi tidak menarik jika topik yang mereka bahas cuma sedikit misal cuma satu niche saja.
Makanya mimin ada alternatif yang bisa digunakan agar Menu Dropdownnya tetap terpakai tapi terbuka otomatis saat blognya dibuka.
Cara ini juga bisa meminimalisir ruang kosong yang terlalu banyak yang menyebabkan tampilan blog sahabat kurang seimbang.
PERTANYAAN![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpSl1iM-uKcKvoLsUSWXCmFn68NN5RCYXAjFtNiZT9e5uFddGBt1LSFKOme43BsITR177YuZzhHFzhHau7R30HzETRrKFx54nBrlEUUR7z7gOs4too0mzBquIqNYqw0K4M6xGIF8K7WkvgiN17eMCygfnEygcjdf1lb9XOaD-rHWlTauNwqX87u1jdYP0/s16000-rw/Screenshot%202024-01-07%20220934.png)
Bagas Arie: "Kang, tahu cara buat menu Dropdown selalu terbuka? Khusus yang dropdownnya median UI/Plus UI"
Mas Rizky: Saya ucapkan terima kasih kepada mas Bagas Arie karena telah berkunjung ke blog saya dan meninggalkan komentar. Pertanyaannya mimin jawab melalui tutorial di bawah ini ya. 😊
CARA MEMBUAT MENU DROPDOWN TERBUKA
Pada tutorial ini bisa diterapkan pada template Median UI dan juga Plus UI. Simak langkah-langkahnya dengan teliti ya.
A. Template Median UI
- Buka Dashboard Blogger
- Tekan Tema
- Klik Icon Segitiga 🔻
- Pilih Edit HTML
- Tekan Ctrl + F untuk melakukan pencarian
- Cari kode ini
<input class='dropMenu hidden'
- Ubah menjadi
<input checked='checked' class='dropMenu hidden'
- Contohnya seperti ini
- Simpan Tema
- Selesai
B. Template Plus UI
- Buka Dashboard Blogger
- Tekan Tema
- Klik Icon Segitiga 🔻
- Pilih Edit HTML
- Tekan Ctrl + F untuk melakukan pencarian
- Cari kode ini
<input class='drpI hidden'
- Ubah menjadi
<input checked='checked' class='drpI hidden'
- Contohnya seperti ini
- Simpan Tema
- Selesai