Dengan adanya menu navigasi, blog yang Anda bangun akan terlihat profesional dan memudahkan pengguna untuk mengakses halaman yang diinginkannya.
Maka dari itu sebagai pemilik blog perlu tahu cara membuat menu dan sub menu di blog.
Apa Itu Menu Navigasi?
Menu navigasi termasuk menu dan submenu merupakan salah satu elemen penting yang sangat perlu untuk Anda perhatikan. Agar blog Anda.
Menu navigasi adalah fasilitas yang diberikan oleh pemilik blog yang didalamnya berisikan kumpulan link-link penting. singkatnya menu navigasi berfungsi untuk memandu pengunjung dalam mengakses halaman yang diinginkan secara mudah.
Menu navigasi sendiri memiliki ragam bentuk dan jenis mulai dari bentuk horizontal, vertikal dan lain-lainnya. dengan menggunakan menu navigasi para pengunjung dapat memiliki pengalaman terbaik saat mengaksesnya.
Maka dari Anda sebagai pemilik blog, perlu tahu cara membuat menu dan sub menu di blog.
Cara Membuat Menu dan Sub Menu di Blog
Dalam membangun sebuah blog yang tertata rapi, sangat penting bagi Anda untuk membangun menu navigasi, Menu dan Sub Menu. Dimana dalam membuat menu ini dapat Anda lakukan melalui dua opsi yakni Tata Letak dan HTML.
Berikut ini penjelasan detail mengenai langkah-langkah proses pembuatan navigasinya:
1. Menggunakan Tata Letak
Pertama Anda bisa membuat menu dan sub menu di blog dengan menggunakan tata letak. Cara ini terbilang cukup mudah dibandingkan dengan cara mengedit HTML.
Tata letak merupakan salah satu fitur layanan yang telah disediakan oleh Blog itu sendiri. berikut penjelasan cara proses membuatnya:
- Pertama Anda harus harus melakukan login dahulu ke Blogger.com. silakan masuk ke Blog yang Anda tuju.
- Selanjutnya beralih ke menu Layout atau Tata Letak, klik Add a Gadget (tambahkan gadget) yang ada di bagian bawah header.
- Selanjutnya Anda bisa scroll ke bagian bawah untuk menemukan Pages/ laman, klik opsi tersebut.
- Anda bisa melakukan ceklis laman (pages) yang ingin tampilkan dan ditambahkan pada menu. untuk melakukan perubahan posisi Anda bisa menggeser dengan mengklik tahan, silakan geser ke bagian yang Anda posisikan. Jika selesai Anda bisa mengklik simpan.
- Jika Anda berhasil melakukan penambahan menu ini maka hasilnya akan terlihat dengan membuka atau merefresh kembali blog Anda.
Pada dasarnya membuat menu blog dengan tata letak bisa dilakukan dengan berbagai cara, selain cara diatas Anda pun bisa melakukan tambah menu dan sub menu dengan tata letak pada penjelasan di bawah ini:
Membuat Menu Biasa
Berbeda dari cara di atas, di mana Anda harus melakukan pengeditan kode CSS. Lebih detail terkait membuat menu biasa dengan Tata Letak di antaranya:
- Pertama Anda bisa membuka blogger
- Selanjutnya masuk ke menu tata letak
- Kemudian silahkan pilih kode menu navigasi
- Di sini Anda bisa memilih opsi edit dengan mengklik ikon pena untuk memasukan kode CSS dalam pembuatan menu.
- Jika sudah mengklik ikon tersebut Anda bisa memasukan kode CSS berikut:
<li><a href=’#’ >contoh menu</a></li>
- Tanda pagar berwarna hijau bisa Anda ganti dengan menggunakan URL yang Anda tuju, untuk menautkan ke halaman yang dituju Anda hanya cukup melakukan paste pada tanda tersebut.
- Kemudian di bagian Contoh Menu light yellow bisa Anda ubah sesuai dengan nama yang Anda inginkan. Misalnya URL yang Anda tautkan merupakan informasi tentang blog, maka Anda bisa menulisnya “Tentang Blogku” atau semacamnya.
- Dan selesai, tampilan pun dapat berubah.
Membuat Sub Menu
Biasanya di dalam menu terbagi lagi menjadi beberapa sub menu yang harus dipisahkan dengan kolom khusus untuk sub menu tersebut.
Proses pembuatan antara menu dan sub menu tidak jauh berbeda. Dalam membuat sub menu ini bisa Anda lakukan dengan cara berikut:
langkah awal menambah menu sebetulnya sama saja, yang membedakannya hanya kode yang digunakan. Berikut ini kode yang digunakan untuk sub menu, di antaranya:
<li cass =”has-sub”>a href=’#’<menu utama</a>
<ul>
<li><a href=’#’ >SubmenuSatu</a></li>
<li><a href=’#’ >Submenu Dua</a></li>
<li><a href=’#’ >Submenu Tiga</a></li>
</ul>
</li>
Jika Anda masih memerlukan submenu dengan jumlah yang lebih banyak Anda hanya perlu membuat kode yang sama saja. pastikan urutan kodenya benar.
Jika sudah selesai, Anda bisa melakukan pratinjau untuk melihat apakah proses penambahan sub menu ini dilakukan secara benar atau tidak.
2. Menggunakan HTML
Jika cara membuat menu dan sub menu di blog sebelumnya masih belum berhasil, maka mau tidak mau Anda harus melakukannya dengan menggunakan HTML atau edit HTML.
Umumnya cara ini digunakan saat template blog tidak bisa Anda editing menu dan sub menunya melalui tata letak atau tidak adanya kolom edit
Lalu bagaimana cara proses pembuatan submenu dan menu dengan menggunakan HTML? Berikut ini langkah-langkahnya:
Pertama Anda bisa masuk dahulu ke bagian halaman Tema Blogger
Selanjutnya silahkan klik Edit HTML dan klik kursor di halaman kode.
Kemudian tekan tombol kombinasi CTRL+F lalu ketik “Menu” dengan begitu Anda bisa menemukan kode seperti ini :
<li><a href=’#’ itemprop=’url’ rel=’tag nofollow’ title=’Menu 1′><span itemprop=’name’>Menu</span></a></li>
Kode diatas merupakan kode menu. dengan ini Anda hanya perlu mengganti Menu dengan nama yang Anda inginkan.
Untuk menghubungkan dengan label tertentu, Anda hanya perlu mengganti tanda’#’ dengan link label yang ingin Anda tautkan.
Sedangkan jika Anda ingin membuat sub menu dalam menu tersebut, maka linknya bisa Anda kosongkan, berikut detail kode HTML untuk membuat Sub Menu
<li><a href=”#”>Menu </a>
<ul class=”sub-menu”>
<li>
<a href=”#”>Sub Menu satu</a>
</li>
<li>
<a href=”#”>Sub Menu dua</a>
</li>
<li>
<a href=”#”>Sub Menu tiga</a>
</li>
</ul>
</li>
Html di atas bisa Anda susun untuk tambah kode dalam membuat sub menu. seperti penjelasan di atas, Anda bisa mengubah sub menu dengan menggunakan nama yang Anda inginkan, lalu tanda”#” dapat Anda ganti dengan URL yang dituju.
Jika proses langkah-langkah di atas selesai, Anda bisa melakukan pratinjau, apakah perubahan tersebut berhasil Anda lakukan atau tidak.
Nah demikianlah langkah cara membuat menu dan sub menu di blog yang dapat Anda lakukan.
Dengan memahami penjelasan di atas, kini Anda bisa melakukannya sendiri secara mudah. Dengan menu navigasi yang rapi, blog Anda akan terlihat lebih menarik dan unik.
Tips Desain Menu Navigasi yang Menarik
Selain mengetahui cara membuat menu navigasi (menu dan sub menu) di blog akan sangat disayangkan jika Anda tidak melakukan penataan atau desain yang benar.
Agar semakin terlihat menarik, berikut ini tips yang tidak boleh Anda lewatkan dalam membangun menu navigasi
1. Pisahkan Menu Sidebar
Pertama Anda perlu memisahkan menu sidebar, menu ini haru terlihat menonjol agar para pengunjung bisa menemukannya dengan mudah, jangan membuat sidebar terlihat seperti konten biasa.
Agar menu sidebar lebih mudah ditemukan, Anda bisa bermain dengan desain warna menarik. Atur menu warna sidebar agar terlihat berbeda dengan body copy. Pastikan pula menu sidebar terpisah dengan elemen website lainnya.
Baca Juga : Apa itu Sidebar?
2. Tampilkan Menu Navigasi di Lokasi Standar
Untuk membuat pengalaman terbaik, Anda bisa memposisikan navigasi di posisi standar, lokasi yang umum digunakan. Sebab, User atau para pengunjung sudah terbiasa dengan menggunakan menu navigasi di bagian posisi umum.
Dengan demikian pengunjung tak perlu mencari-carinya kembali untuk menemukan bagian menu navigasi.
3. Berikan label menu dengan Jelas
Agar pengunjung dapat mengetahui halaman yang yang dikunjunginya saat memilihnya, maka Anda bisa menggunakan desain dan teks sejelas mungkin. Teks yang digunakan pada bagian menu harus bersifat jelas, to the point dan deskriptif.
Agar semakin dibuat yakin dengan label yang Anda gunakan Anda bisa memanfaatkan tool A/B testing untuk mengetahui label menu mana yang dapat bekerja dengan lebih optimal.
4. Tambahkan Search Bar
Jika blog Anda memiliki banyak konten sangat disarankan untuk menambahkan search bar atau search box.
Elemen ini sangat penting untuk membuat blog Anda terlihat menarik dan nyaman untuk dikunjungi. Sebab dengan adanya search bar ini, para pengunjung dapat mencari konten atau laman yang dibutuhkannya secara cepat.
Peletakan search bar ini bisa Anda simpan di bagian header website. Anda pun bisa menggunakan sticky menu agar elemen tersebut tetap bisa terlihat meskipun pengunjung menggulir blog Anda.
5. Gunakan Sticky Navigation
Hal yang tidak kalah penting untuk membuat blog menjadi lebih menarik yakni dengan menyediakan sticky menu navigation. Seperti yang telah disinggung di atas fitur ini memudahkan pengunjung untuk mengakses konten.
Sticky navigation sendiri adalah format menu navigasi yang dapat membuat bagian-bagian menu selalu terlihat. Artinya saat pengguna melakukan scroll dan ingin kembali ke menu navigasi, pengguna tak perlu me-scrollnya kembali.
Sticky navigation ini sangat penting digunakan pada blog website yang memiliki halaman panjang.
Setidaknya itulah tips dalam membangun menu navigasi (menu dan sub menu) pada blog agar terlihat menarik dan membuat pengalaman baik pada pengunjungnya
Manfaat Menu Navigasi pada Blog
Lalu sebetulnya, apa sih manfaat menu navigasi pada blog ini? ada banyak sekali manfaat yang dapat Anda peroleh dari menu navigasi di antaranya sebagai berikut:
1. Mendapatkan Sitelink dengan Cepat
Dengan adanya menu navigasi pada blog ini membuat perolehan sitelink dengan lebih cepat. Hal ini karena di beberapa sitelink berasal dari menu navigasi
2. Web Terlihat Lebih Profesional
Dengan adanya menu navigasi, blog menjadi lebih terlihat lebih rapi dan tertata baik. Artikel-artikel yang ada pada web menjadi lebih rapi, sebab telah menyusunnya dengan menggunakan sekat dari konten ke konten.
Dengan pengguna dapat menjelajahi blog secara mudah, maka blog yang Anda bangun ini menjadi terlihat lebih user friendly.
Inilah yang menjadikan website terlihat lebih professional. Dengan demikian blogger bisa menjadi sukses.
3. Dinilai Baik dari Google
Website yang tidak memiliki menu navigasi tidak terlihat lebih baik dengan webs blog yang memiliki menu navigasi. Sebab, para pengunjung dapat merasa nyaman saat mengunjungi blog tersebut.
Hal inilah yang membuat Google menilai baik terhadap blog yang dibuat sebab telah memanjakan visitor dan google.
Oleh sebab itu sangat penting bagi Anda dalam membangun menu navigasi yang menarik.
Demikianlah penjelasan cara membuat menu dan sub menu di blog. Dengan ini Anda bisa membangun blog untuk terlihat lebih profesional dan memberikan pengalaman baik kepada pengunjung.
