Membuat Menu Dropdown Selalu Terbuka di Template Median UI dan Plus UI | Aku Genius

Akugenius.com - 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.

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 [embed]https://www.youtube.com/watch?v=ylXXlTc2b-U[/embed]

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.

Sumber : Saifullah.id

Go to Link