Membuat menu navigasi tanpa coding

Tab menu

Sebuah blog tanpa navigasi yang bagus ibarat peta buta. Bisa saja pembacavmampir ke blog, tapi habis itu dia langsung pergi. Sayang kan, kalau kamu punya artikel bagus-bagus dan bermanfaat tapi teronggok begitu saja.
Fungsi navigasi pada blog yang paling umum adalah label, kategori, atau archive. ternyata, fungsi itu belum cukup. Keberadaan menu di bawah header akan mempermudah pembaca berpindah dari satu artikel ke artikel lain. Apalagi, saat ini pembaca blog lebih banyak memakai versi mobile. Label dan arcive tidak cocok ditampilkan pada versi mobile, berbeda dengan bilah menu yang biasanya terletak di bawah header. Cukup mudah membuat menu ini, tidak perlu coding. 

Untuk Blogspot

Tutorial ini saya buat untuk blog berjenis blogspot dengan template bawaan blogger. Jika blogmu memakai template unduhan atau  hasil beli, biasanya sudah tersedia. Kalau tetap mau mengaplikasikan ya bisa saja sih, tapi hapus dulu yang bawaan template lama agar tidak dobel. Yang saya maksud menu di sini adalah menu yang berasal dari label. Seperti contohnya di blog ini, ada menu #traveling yang saya ambil dari label traveling.

Tutorial membuat menu di bawah header

1| Pertama-tama kamu harus menentukan mau membuat menu apa. Yaiyalah, masa mau tanpa nama..blogger nya bingung dong

Pilih tata letak lalu pages

2| Bukalah halaman dasbor blogger. Lebih leluasa lewat PC ya, kalau saya lewat smartphone agak kecil-kecil gitu jadinya. 

3| cek sebelah kiri, ada tulisan “tata letak” atau “layout” klik deh

4| ketemu menu pages? Klik edit di sebelah kanan bawah

5| klik pada tulisan berwarna biru “eksternal link”

Masukkan eksternal link

6| masukan nama menu, misalnya “traveling”

Bikin menunya nih

7| masukan link nya, caranya gimana? Buka blogmu, cari label yang dimaksud. Misalnya, label “traveling”. Klik kanan pada “travelink” lalu pilih “copy link address”. 

8| Kembali ke tab “tata letak” di dasbor (nomor 6), paste ke kolom yang tersedia

9| save

10| save

11| cek hasilnya dengan membuka “home” blog kamu

Mudah sekali bukan cara membuatnya? Tanpa coding sama sekali, cocok buat newbie.

Menghapus menu di bawah header

Kalau hasil kerjamu kurang ok, atau kamu mau mengganti nama menu gimana? Gampang kok.

1| Bukalah halaman dasbor blogger. 

2| cek sebelah kiri, ada tulisan “tata letak” atau “layout” klik

3| ketemu menu pages? Klik edit di sebelah kanan bawah

4| ketemu list menu kamu? Klik tanda “x” pada menu yang ingin dihapus

Klik "x"

Navigasi lain

Selain tab menu, label, archive, ada juga widget tambahan seperti “linkwithin” dan “engageya” yang digunakan untuk menampilkan artikel terkait. Tapi, tab menu di bawah header ini yang menurut saya paling cocok dimasukkan dalam tampilan mobile. Tidak memberatkan dan tidak mengganggu kenyamanan pembaca blog. 

Selamat mencoba...terima kasih sudah membaca Monday NO Gaptek..