Cara Membuat dan Menampilkan Menu Navigasi di Blogspot

Menu Navigasi adalah daftar menu yang dibuat berdasarkan halaman statis atau label pada postingan blog. Menu-menu ini umumnya terletak di bagian atas (head) atau di bawah (footer).

Template bawaan blogger tidak ada menu navigasinya, sehingga sobat harus menambah secara manual dengan memasukan beberapa kode html/CSS ke dalam template (edit html).

Proses mengedit template bagi sebagian blogger pemula tidaklah mudah, bagi sobat yang tidak mau terlalu pusing otak-atik template, saya sarankan untuk mengganti template blog dengan mendownload template yang sudah tersebar luas di internet seperti : Template brosense atau Evo Magz yang memang sudah memiliki navigasi bawaan. Jadi tugas sobat hanya mengisi dan mengaktifkan menu tersebut.


Menu Navigasi ini terbagi menjadi 2 : Menu navigasi utama dan menu navigasi pelengkap

Menu navigasi utama

• About / profile – berisi tentang profile pemilik blog
• Contact – berisi tentang informasi kontak (biasanya berisi form kontak)
• Sitemap - Daftar Isi blog berdasarkan kategori tertentu

Menu navigasi Pelengkap

• Kategori/label – berisi postingan yang diurutkan sesuai dengan label postingan
• Disclaimer – berisi tentang hak cipta isi tulisan blog sobat
• Privacy Policy – berisi tentang jaminan keamanan privasi user
• Terms of Service – berisi tentang batasan-batasan pengguna
• Untuk blog organisasi atau bisnis biasanya ada tambahan seperti: profil, sejarah, susunan pengurus, visi misi, program, kegiatan, gallery dll.

Untuk blog yang akan didaftarkan ke google adsense umumnya wajib berisi beberapa navigasi berikut : about, contact, sitemap, disclaimer, privacy policy dan terms of service.

Membuat dan Menampilkan Menu Navigasi

Langkah Pertama : Membuat Halaman Profile di Laman

1. Klik menu page/halaman di dasboard blog
2. Klik new page – halaman baru
3. Isi nama halaman dengan : Profile,  kemudian isi dengan profile sobat
4. Jika sudah selesai klik Publish

Langkah Kedua : Menampilkan menu navigasi di halaman depan blog

Untuk langkah kedua ini saya asumsikan template blog sobat sudah ada menu navigasi bawaan, sehingga kita hanya memasukan link ke dalam template blog tersebut. Dalam langkah ini saya berikan contoh menggunakan template Brosense.

1. Klik Tema
2. Klik Edit HTML
3. Cari kode : Menu 1 ( Gunakan Ctrl + F)
4. Rubah Menu sesuai kebutuhan, Contoh : Profile
5. Ganti tanda # dengan link laman yang telah dibuat sebelumnya, Contoh :  https://www.blogsobat.blogspot.com/p/about.html
6. Simpan Tema

Menu bawaan template sebelumnya :
<li><a href='#'>Menu 1</a>

dirubah menjadi
<li><a href='https://www.blogsobat.blogspot.com/p/about.html'>Profile 1</a>

Lakukan hal yang sama untuk menu-menu yang lain.

Membuat Navigasi sesuai label Blog

Untuk Navigasi atas agar sesuai dengan label blog, cara membuatnya sama, hanya saja ketika menyisipkan link (mengganti #) disisipkan sesuai label postingan blog.

Contoh : Blog sobat dengan alamat https://www.blogsobat.blogspot.com tentang resep masakan, mempunyai 10 postingan, dengan 3 label yaitu : Kue, Masakan Jawa, Juz

Rumus Navigasi label : 
http://www.alamatblog.com/search/label/labelblog

Jadi cara membuatnya :
https://www.blogsobat.blogspot.com/search/label/Kue
https://www.blogsobat.blogspot.com/search/label/Masakan%20Jawa
https://www.blogsobat.blogspot.com/search/label/Juz

Untuk label dengan 2 kata, tambahkan kode %20 sebagai spasinya

Jika sudah dibuat seperti itu, maka navigasi akan secara otomatis mengelompokan setiap postingan berdasarkan label yang telah dibuat

Terimakasih telah membaca artikel berjudul Cara Membuat dan Menampilkan Menu Navigasi di Blogspot

Sumber: https://www.kangmasian.com/2017/09/cara-membuat-menu-navigasi-blogspot.html