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

Menu Dropdown adalah Menu Utama yang menyembunyikan Sub-Menu di dalamnya. Sub-Menu tersebut baru akan muncul ketika kita menyentuh Menu tersebut.
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

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

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
    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

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.

Mau donasi lewat mana?

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

Mandiri - Saifullah (1460019181044)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.

Penulis

Saifullah.id
PT Saifullah Digital Advantec

24 komentar

  1. ZVX-GAMING-34
    ZVX-GAMING-34
    bang reques cara membuat popular emoji di komentar plus ui🙏.
    1. Saifullah.id
      Saifullah.id
      Siap 👌
  2. Ilmu Internet
    Ilmu Internet
    terima kasih banyak atas bantuannya kak Saifullah. Wkwk sampai masuk layar ulasan profil saya :v
    1. Saifullah.id
      Saifullah.id
      Sama-sama bang 😁
  3. Gim - Defendsec
    Gim - Defendsec
    Halo bang cara buat safelink generator gimana?
    1. Saifullah.id
      Saifullah.id
      Nanti saya buatkan tutorialnya ya 😊
  4. Anonim
    Templatenya beberapa fiturnya tidak bisa digunakan lagi ya mas? Seperti bookmark dan mode dark. Apakah ada solusi untuk itu?
    1. Saifullah.id
      Saifullah.id
      Kalau saya perhatikan itu disebabkan oleh dukungan Browser mas. Kalau dibuka menggunakan Opera masih normal fiturnya. Sedangkan kalau dibuka menggunakan Chrome jadi gak berfungsi.
    2. Anonim
      Sekarang sudah normal mas di blog ini, namun di saya masih tetap tidak berfungsi. Apakah ada bagian yang perlu diperbaiki ya mas?
    3. Ramdhan Hermawan
      Ramdhan Hermawan
      ajir saya kira website saya doang yang bug,ternyata banyak yang galamin juga.tapi di website plus ui resmi masih berjalan normal,apakah mungkin ada kode yang harus di ganti?
    4. Saifullah.id
      Saifullah.id
      Tidak perlu ganti kode. Kayaknya maintenance dari salah satu browser. Nanti akan normal sendiri.
  5. Muhammad Puttra
    Muhammad Puttra
    Mas, tolong minta tutorial cara buat dua homepage post berdasarkan label Kaya punya mas. Yang postingan terbaru + tutorial median ui
    1. Saifullah.id
      Saifullah.id
      Siap 👍
    2. Muhammad Puttra
      Muhammad Puttra
      Makasih banyak mas, di tunggu ya. Terimakasih 🙏☺
    3. Sasaa
      Sasaa
      Mana linknya cok tutor yg ini
    4. Saifullah.id
      Saifullah.id
      https://www.youtube.com/watch?v=oN0JZbE4Les
  6. Sasaa
    Sasaa
    Bang request dong sekali buat safelink generator kek blog abang,, search di google gak nemu2
    1. SaifullahTV
      SaifullahTV
      Cek di sini https://www.tugasiswa.com/2022/11/cara-membuat-safelink-generator.html
  7. Sasaa
    Sasaa
    Bang bkin tutor cara nampilin semua jumlah komentar di header seperti punyamu bang
    1. Saifullah.id
      Saifullah.id
      Tutorialnya sudah lama di buat kak, coba cari kata kunci KOMENTAR TERBARU di blog ini
  8. rachelaka
    rachelaka
    Ini Gimana ya Biar Selalu Buka kaya Punya Admin https://www.tugasiswa.com/
    1. rachelaka
      rachelaka
      https://prnt.sc/x0LSrloUsrrI
    2. Saifullah.id
      Saifullah.id
      Kakak pakai template apa?
    3. Admin
      Admin
      Ui Plus
Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐