Cara Membuat Sub Menu atau Dropdown di Blogspot

Cara Membuat Sub Menu atau Dropdown di Blogspot Tips Jitu bikin Menu dan SubMenu di Website tanpa ribet. Menu dan SubMenu pada Website yang berbasis blogspot memang agak rumit dalam pembuatannya. Namun jika Kamu tau caranya, paham polanya, maka akan sangat mudah, terlebih jika Kamu memakai theme yang suport dengan editor Menu pada Tata Letak seperti theme yang Saya pakai ini dan theme/ tema blogspot yang baru rilis.

Menu dan SubMenu dapat dibuat dengan mudah pada kolom seperti dalam screnshoot dibawah ini.

Kamu tinggal mengganti atau mengisi url dari halaman/ page yang akan dijadikan Submenu. Contoh codingannya dibawah ini.

Ganti yang berwarna merah dengan url/ alamat websitemu, seperti contoh. Ganti tanda pagar # dengan link url halaman/page yang akan Kamu gunakan. Kamu dapat menggunakan kategori atau tag untuk mengisi Submenu ini, seperti yang Saya lakukan dalam website/ blog tipsjitu ini, contohnya Saya beri warna hijau.

Saran Saya, jika Kamu belum pernah melakukan ini, buatlah blog baru sebagai sarana belajar, jika sudah fix baru eksekusi ke web yang sebenarnya. Berikut ini adalah codingannya.

<li><a
href="https://www.tipsjitu.com">Home</a></li>

<li class="has-sub"><a href="#">Web&SEO</a>
<ul>
    <li><a href="#">Cara Halaman 1 Google</a></li>
    <li><a href="#">Optimasi Website</a></li>
    <li><a href="#">Tutorial Website </a></li>
</ul></li>
<li class="has-sub"><a href="#">Tekno</a>
<ul>
    <li><a href="#">Tips Laptop&Komputer</a></li>
    <li><a href="#">Review Laptop</a></li>
    <li><a href="#">Overclok, Gaming, dan Aksesoris</a></li>
<li><a href="#">Berita Terbaru Seputar Laptop&Komputer</a></li>
</ul></li>
<li class="has-sub"><a href="#">Apk Android</a>
<ul>
    <li><a href="#">Aplikasi Editing Foto</a></li>
    <li><a href="#">Aplikasi Editing Video</a></li>
    <li><a href="#">Aplikasi Android untuk Pekerja</a></li>
</ul></li>
<li><a
href="https://www.tipsjitu.com/search/label/Tips%20Umum?&max-results=6">Tips Umum</a></li>
<li><a
href="#">About</a></li>

Contoh diatas sebenarnya sama dengan codingan jika Kamu masuk melalui edit html, hanya saja dipindah tempatnya ke Tata Letak.

Ada beberapa theme /tema blogspot lebih mudah lagi dalam pengaturan Menu dan SubMenu atau Menu dropdown.

Berikut ini adalah contohnya, Kamu tinggal membuat Judul Submenu dan Mengganti tanda pagar # dengan link/ url halaman yang akan Kamu pakai.

Langkah Pertama

Langkah Kedua ganti tanda # seperti yang Saya lingkari hijau pada gambar, dengan url halaman yang akan Kamu pakai (buat halaman/ pagenya jika belum ada, atau bisa juga menggunakan kategori / label/ tag dari artike-artikelmu)

Untuk membuat Submenu, Kamu tinggal menambahkan _ (garis bawah) pada kata-kata sebelum SubMenu.

Cara membuat halaman/ pagenya adalah dengan masuk ke menu, kemudian pilih Halaman, dan klik tanda plus + seperti pada gambar dibawah ini.

Jika sudah, isi judul dan buat konten yang Kamu buat, kemudian Publish. Kemudian klik lihat halaman, copy alamat urlnya untuk mengganti tanda # seperti yang Saya sampaikan sebelumnya.

Cara terakhir untuk membuat Menu dan SubMenu pada website yang berbasis blogger atau blogspot adalah dengan masuk ke menu edit html.

Cara ini biasanya digunakan jika dalam Tata Letak theme yang digunakan tidak terdapat editor Menu dan SubMenu.

Caranya adalah dengan masuk ke Menu Blogspot, Pilih Tema, Kemudian Klik Edit HTML.

Langkah Pertama

Pilih Edit HTML, selanjutnya jika Kamu menggunakan Laptop pencet ctrl + f, kemudian tuliskan "home" atau "beranda" (lihat dalam theme yang Kamu pakai, apa yang ingin Kamu rubah, jika sudah rubahlah kata-kata yang berada dalam >< tanda seperti itu.

Contoh yang Saya beri warna hijau. Yang saya beri warna merah adalah url dari halaman/ page yang akan digunakan.

Untuk lebih jelasnya Kamu bisa tonton video YouTube dari Tipsjitu berikut ini