Widget HTML #1

Cara Agar Sub Menu Navigasi Blog Selalu Terbuka

Cara Agar Sub Menu Navigasi Blog Selalu Terbuka

Submenu navigasi adalah bagian dari menu utama suatu situs web yang mengandung tautan tambahan atau kategori yang terkait dengan menu utama. Sub menu ini muncul ketika pengguna mengarahkan kursor atau mengklik opsi tertentu dalam menu utama. Fungsi utamanya adalah menyediakan struktur hierarkis untuk membantu pengguna menjelajahi dan menemukan informasi dengan lebih terperinci di dalam suatu kategori atau topik.

Sub menu navigasi merupakan bagian dari antarmuka pengguna suatu situs web yang menyediakan tautan tambahan atau opsi di bawah kategori atau menu utama. Hal ini dirancang untuk mempermudah pengguna dalam menemukan informasi lebih spesifik atau melakukan tindakan tertentu di dalam suatu konteks tertentu.

Fungsi:

  1. Akses Cepat: Sub menu yang selalu terbuka memungkinkan pengguna untuk dengan mudah mengakses sejumlah opsi atau kategori tanpa harus mengklik atau menggerakkan kursor tambahan.
  2. Navigasi Efisien: Pengguna dapat langsung melihat opsi yang tersedia dan beralih ke bagian yang diinginkan tanpa menavigasi melalui serangkaian langkah tambahan.
  3. Panduan Tematis: Sub menu ini dapat disusun berdasarkan tema atau kategori tertentu, memfasilitasi navigasi berdasarkan kebutuhan atau minat pengguna.

Manfaat:

  1. Peningkatan Pengalaman Pengguna: Sub menu yang selalu terbuka memberikan pengalaman pengguna yang lebih lancar dan efisien, mengurangi jumlah klik atau gerakan yang diperlukan untuk menjelajahi situs.
  2. Panduan Jelas: Dengan menyajikan opsi terkait secara langsung, sub menu ini membantu pengguna memahami struktur situs dan membuat navigasi lebih intuitif.
  3. Efisiensi Waktu: Pengguna dapat menghemat waktu karena opsi yang sering digunakan dapat diakses dengan cepat tanpa harus menjelajahi menu yang lebih dalam.
  4. Penekanan Kategori Utama: Sub menu ini memungkinkan penekanan pada kategori-kategori utama atau halaman yang paling sering dikunjungi, memudahkan pengguna untuk menemukan informasi kunci.

Cara Setting Sub Menu Navigasi Selalu Terbuka

Tahap 1: Login ke akun Blogger

Tahap 2: Masuk ke bagian Tema.

Tahap 3: Klik icon disamping tombol sesuaikan, lalu pilih Edit HTML.

Tahap 4: Catat code paling atas yang terdapat di navigasi blog kalian.

Jika menggunakan template Median UI 1.7 kalian bisa melihat code ini <li class='leftC dr'/>, Jika menggunakan template selain median ui, kalian bisa sesuain aja, karena biasanya sedikit beda.

Langakah 5: Cari code </body>.

<script>
  document.addEventListener('DOMContentLoaded', function () {
    // Temukan elemen details dengan class 'dr' dan tambahkan atribut 'open'
    var detailsElement = document.querySelector('.leftC.dr details');
    if (detailsElement) {
      detailsElement.setAttribute('open', 'open');
    }
  });
</script>

Langkah 6: Masukan script diatas tepat sebelum code tersebut. Pastikan code leftC dr pada script sesuai dengan code yang sudah kamu catat sebelumnya.

Langkah 7: Selanjutnya Save.

Setelah mengikuti ke 7 tahap tersebut silahkan lihat hasilnya. jika belum berhasil pastikan code yang diperintahkan oleh script adalah code yang benar.

Kesimpulan

Itulah Cara Agar Sub Menu Navigasi Blog Selalu Terbuka dengan menggunakan script html. jika code yang dipanggil script sudah benar, maka ini akan berhasil. namun jika belum berhasil, berarti terdapat kesalah di langkah yang kalian lakukan.

Ditulis oleh:

Harun Alfala
Harun Alfala Dan aku adalah yin, tak akan pernah menyerah apapun yang terjadi :D

Posting Komentar untuk "Cara Agar Sub Menu Navigasi Blog Selalu Terbuka"

~ ADVERTISEMENT ~
~ ADVERTISEMENT ~
~ ADVERTISEMENT ~