Cara Buat Menu Dropdown Selalu Terbuka di Template Median UI dan Plus UI

Saifullah.id - Menu Dropdown adalah Menu Utama yang menyembunyikan Sub-Menu di dalamnya. Sub-Menu tersebut baru akan muncul ketika kita menyentuh Menu tersebut. 

FUNGSI MENU DROPDOWN

Ada 2 fungsi utama Menu Dropdown, yaitu:

1. Untuk menggeneralisasi beberapa topik serupa menjadi satu kategori
2. Untuk menghemat ruang agar semua menu terlihat

Jadi, Menu Dropdown ini sangat membantu blog seperti Saifullah.id karena topik yang saya bahas di blog ini sangat banyak.

Dengan adanya Menu Drop Down, maka saya bisa menempatkan semua Menu dalam satu layar penuh tanpa ada yang tersembunyi atau terpotong.

Tapi, bagi sebagian blogger, menyembunyikan Sub-Menu justru menjadi tidak menarik jika topik yang mereka bahas cuma sedikit (satu niche).

Makanya ada alternatif yang bisa digunakan agar Menu Dropdown tetap terpakai tapi terbuka otomatis saat blog dibuka.

Cara ini bisa meminimalisir ruang kosong yang terlalu banyak yang menyebabkan tampilan blog kurang seimbang.

PERTANYAAN

Budi Santoso: "Mas, tahu cara buat menu Dropdown selalu terbuka? Khusus yang dropdownnya median UI/Plus UI"

Saifullah.id: Saya ucapkan terima kasih kepada mas Budi karena telah berkunjung ke blog saya dan meninggalkan komentar. Pertanyaannya saya jawab melalui tutorial di bawah ini ya. 😊

CARA MEMBUAT MENU DROPDOWN TERBUKA

Tutorial ini bisa diterapkan pada template Median UI dan Plus UI. Simak langkah-langkahnya dengan teliti.

A. Template Median UI

1. Buka Dashboard Blogger
2. Tekan Tema
3. Klik Icon Segitiga 🔻
4. Pilih Edit HTML
   
   
   
5. Tekan Ctrl + F untuk melakukan pencarian
6. Cari kode ini

   <input class='dropMenu hidden'

7. Ubah menjadi
   

   <input checked='checked' class='dropMenu hidden'

8. Contohnya seperti ini
   
   
   
9. Simpan Tema
10. Selesai

B. Template Plus UI

1. Buka Dashboard Blogger
2. Tekan Tema
3. Klik Icon Segitiga 🔻
4. Pilih Edit HTML
   
   
   
5. Tekan Ctrl + F untuk melakukan pencarian
6. Cari kode ini

   <input class='drpI hidden'

7. Ubah menjadi
   

   <input checked='checked' class='drpI hidden'

8. Contohnya seperti ini
   
   
   
9. Simpan Tema
10. Selesai

VIDEO TUTORIAL

Penjelasan

Dari tutorial di atas dapat disimpulkan bahwa, jika kita ingin menampilkan Sub-Menu di Main Menu Dropdown, kita hanya perlu menambahkan kode checked='checked' diantara kode <input dan class

Demikian tips dan trik mengubah Menu Dropdown agar selalu terbuka Sub-Menu nya. Semoga penjelasan saya mudah dipahami dan bermanfaat untuk kalian semua.