Ikuti Kami di Google News untuk mendapatkan Postingan Terbaru Ikuti Sekarang

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

Menu Dropdown adalah Menu Utama yang menyembunyikan Sub-Menu di dalamnya. Sub-Menu tersebut baru akan muncul ketika kita menyentuh Menu tersebut.
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated


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
    Cara Buat Menu Dropdown Selalu Terbuka di Template Median UI dan Plus UI

  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
    Cara Buat Menu Dropdown Selalu Terbuka di Template Median UI dan Plus UI

  9. Simpan Tema
  10. Selesai

B. Template Plus UI

  1. Buka Dashboard Blogger
  2. Tekan Tema
  3. Klik Icon Segitiga 🔻
  4. Pilih Edit HTML
    Cara Buat Menu Dropdown Selalu Terbuka di Template Median UI dan Plus UI

  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
    Cara Buat Menu Dropdown Selalu Terbuka di Template Median UI dan Plus UI

  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

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.