Cara membuat dan menampilkan menu navigasi di blogspot

July 21, 2018

Cara membuat dan menampilkan menu navigasi di blogspot
Cara membuat dan menampilkan menu navigasi di blogspot
Selamat datang di IMAMKUN BLOG - Pada kesempatan kali ini saya ingin membagikan artikel mengenai cara membuat dan menampilkan Navigasi di blogspot (Blogger). Saya membuat artikel ini dimana ada yang request sama saya di Facebook dan kali ini saya akan membuat artikel tersebut.

Sebelum itu mari kita mengenal dulu, apa itu menu navigasi? Menu Navigasi adalah sebuah daftar menu yang dibuat berdasarkan halaman statis atau label (Kategori) pada suatu postingan blog yang sobat buat. Menu-menu ini pada umumnya terletak di bagian atas (header/head) atau juga bisa di bagian bawah (footer).

Jika sobat menggunakan template bawaan blogger maka tidak ada menu navigasinya, sehingga sobat harus menambah dengan memasukan beberapa kode CSS atau Kode HTML ke dalam template yang sobat gunakan.

Sebelum kita memasuki Langkah pembuatannya, disini saya akan membahas terlebihi dahulu mengenai Menu Navigasi Utama, dan Menu Navigasi Pelengkap.

Pada Menu Navigasi Utama berisikan:

  • About/Profile - Bagian ini berisikan profil dari pemilik sebuah blog.
  • Contact/Kontak - Berisi informasi kontak untuk menghubungi admin pemilik blog
  • Sitemap - Berisi daftar isi blog
Pada menu navigasi pelengkap berisikan:
  • Privacy Policy - Berisi Jaminan Keamanan user privasi blog sobat
  • Lebel/Kategori - Berisi urutan post sesuai dengan lebel.
  • Disclaimer - Berisi mengenai hak cipta tulisan/post blog sobat.
  • Terms of Service - Berisikan mengenai suatu batasan-batasan pengguna.
Baca juga : Cara Membuat Menu Disclaimer

Kalian juga bisa mengisi seperti ga,bar paling atas sperti punya saya, contohnya SEO, Adsense, Tutorial, Bisnis dll.

Note : Jika sobat ingin mendaftarkan blog sobat ke adsense dan supaya biar cepat diterima full oleh Google Adsense. Saya sarankan untuk isi navigasi berikut ini: About, Disclaimer, Sitemap, Contact, dan Privacy policy sperti punya saya pada blog ini.

Cara Membuat dan Menampilkan Menu Navigasi Di Blogspot

Step 1: Membuat Halaman Profile di Page (Halaman)
  1. Log in Ke Blogger
  2. Klik Page > New page (Halaman Baru)
  3. Lalu isi judul halaman dengan nama Profile, lalu isi sesuai profil blog sobat.
  4. Klik Publish
Cara membuat dan menampilkan menu navigasi di blogspot
Cara membuat dan menampilkan menu navigasi di blogspot

Cara membuat dan menampilkan menu navigasi di blogspot
Cara membuat dan menampilkan menu navigasi di blogspot
Step 2: Menampilkan Menu Navigasi Di halaman depan blog sobat

Pada sampai langkah ini saya ada saran sedikit untuk sobat sekalian usahakan sobat menggunakan theme yang sudah ada menu navigasinya, sehingga akan mudah untuk sobat memasukkan link-link atau mengganti Judul atau bahkan menambahkan.

  1. Klik Teme (Theme)
  2. Klik Edit HTML
  3. Lalu Cari MENU 1 (Gunakan CTRL + F biar cepat)
  4. Ubah Menu sesuai keiinginan sobat 
  5. Ganti tanda # dengan link alamat yang telah dibuat atau sesua kategori, contoh : http://www.akuganteng.blogspot.com/p/about.html 
  6. Klik Save theme

Cara membuat dan menampilkan menu navigasi di blogspot
Ini contoh menggantinya biar lebih detail:

<li><a href='#'>MENU 1</a>

Sobat ubah menjadi (sesuai keinginan sobat)
<li><a href='http://www.akuganteng.blogspot.com/p/about.html'>About</a>

Sesuai keinginan sobat

Membuat Navigasi Sesuai Dengan lebel

Untuk Mmebuat navigasi sesuai dengan lebel blog sobat, caranya sih juga sama gak jau beda cuma ketika menyisipkan link pada (#) maka kali ini disisipkan dengan lebel postingan blog sobat.

Caranya: https://www.akugantengblog.blogspot.com jika post yang ingin dipasang lebelnya tentang Adsense, Tips, Bisnis, yang dimana mempunyai 5/10 postingan, dengan 3 lebel yakni, Adsense, Tips, dan Bisnis.

Berikut ini rumusnya:
https://www.akugantengblog.blogspot.com/search/lebel/lebelblogsobat

Jadi Membuatnya:
https://www.akugantengblog.blogspot.com/search/lebel/adsense
https://www.akugantengblog.blogspot.com/serach/lebel/Tips
https://www.akugantengblog.blogspot.com/search/lebel/Bisnis

Untuk lebel dengan dua kata misal Tips Trik, maka tambahkan kode %20 sebagai spasianya

Contoh: https://www.akugantengblog.blogspot.com/serach/lebel/Tips%20Trik

Nah itulah caranya membuat dan menampilkan menu navigasi di blogspot. memang sedikit ribet tapi jika sobat membacanya dengan teliti maka tidak akan ada kesulitan.

Jangan lupa untuk linke dan share artikel ini jika mmabantu dan bermanfaat bagi sobat. jangan jangan lupa juga untuk berkomentar jika ada yang membingugkan.

Happy Blogging :D

You Might Also Like

1 komentar

Popular Posts

Like us on Facebook

Flickr Images

Subscribe

Tunggu Bentar...