Cara Membuat Navigasi Menu About, Kontak, Sitemap, dll

Gambar Navigasi Tugiman Blog



Ok gaes.. Kali ini Tugiman Blog update tentang Cara Membuat Menu About, Sitemap, Kontak, Disclaimer, dan menu lainnya beserta cara menampilkannya di blog anda sebagai Menu Navigasi.

Agar Blog kita mempunyai sistem navigasi yang baik terarah, dan tidak membingungkan Pengunjung Blog kita, ada baiknya kita mengatur Navigasi agar mudah di mengerti pengunjung. Karena Navigasi merupakan salah satu Inventaris Berharga untuk blog kita. berikut langkah-langkahnya :

Langkah Pertama Membuat Halaman Statis

Buat dulu halaman statis (static page) seperti About, Sitemap, Disclaimer, dan Kontak. Caranya:
  1. Klik “Pages” atau “Halaman” > “New Page”
  2. Isi kolom judul dengan “About” atau “Tentang”
  3. Isi kolom konten dengan “profil” atau deskripsi blog Anda. Lihat Contoh Halaman About
  4. Publish.

Ulangi langkah 1 sampai 4 di atas untuk menu lainnya: Sitemap, Disclaimer, Kontak. Dll


Baca Juga: Pengertian dan Fungsi DA PA SS untuk Website atau Blog

Langkah Kedua Menampilkan Halaman Statis di Navigasi

Setelah halaman statis about, kontak, dll. itu dibuat, kini saatnya menampilkannya di Navigasi Menu.

Jika anda menggunakan tempalete atau tema bawaan google. Untuk menampilkan halaman statis yang telah dibuat tadi, cukup dengan pergi ke  “Tata Letak > Tambahkan widget di bawah Header > tambahkan “Page” atau “Halaman” dan pilih halaman statis yang telah dibuat tadi > Simpan “

Sedangkan untuk Template atau Tema SEO Friendly / Template selain dari google yang andabisa cari di google, umumnya sudah menyediakan link navigasi menu about dll. Tinggal diisi saja link-nya yang biasa bertanda pagar (#). Ganti # dengan link halaman statis / label yang sudah dibuat di langkah di atas.



Cara mengetahui link page atau link halaman, buka saja (view) halaman statis tersebut yang sudah anda buat tadi, lalu COPY url-nya yang ada di address bar.



Cara Memasukkan Linknya pergi ke:



1. Template/Tema > Edit HTML

Di dalam template anda biasanya sudah ada kode navigasi menu seperti kode di bawah ini. Untuk memudahkan pencarian: tekan Ctrl+F lalu ketik “About” atau nama menu lain dipapan pencarian pojok kanan atas.


2. Untuk menampilkan Halaman Statis, kodenya seperti ini:

<li><a href=’/’ title=’Home’>Home</a></li>
<li><a href=’/p/about.html’>About</a></li>
<li><a href=’/p/privacy-policy.html’>Privacy Policy</a></li>
<li><a href=’/p/sitemap.html’>Sitemap</a></li>
<li><a href=’/p/kontak.html’>Kontak</a></li>
Cukup menuliskan /p/(judul halaman statis).html
Untuk menambah menu, tinggal buat halamannya lagi, lalu tambahkan kode seperti ini:



<li><a href=’/p/nama-halaman.html’>Nama Halaman</a></li>

3. Tambahan Menu Navigasi Label

Gambar contoh label tugimanblog

Anda bisa menambahkan menu lain selain halaman about, kontak, disclaimer, dengan menu link posting per label (entry postingan blog) atau per kategori. Contohnya ada di navigasi menu blog ini.

Untuk menampilkan halaman label/kategori Chord, kodenya seperti ini:
<li><a href=’/search/label/Chord?&amp;max-results=8′>Chord</a></li>
<li><a href=’/search/label/Opini?&amp;max-results=8′>Opini</a></li>
<li><a href=’/search/label/Tips%20SEO?&amp;max-results=8′>Tips SEO</a></li>
Untuk menambah menu label lainnya, tinggal tambahkan kode:


1. Jika Nama Labelnya Satu Kata:

<li><a href=’/search/label/Label?&amp;max-results=8′>Label</a></li>

2. Jika Nama Labelnya Dua kata: Tambahkan %20 antarkatanya:

<li><a href=’/search/label/Label%20Post?&amp;max-results=8′>Label Post</a></li>

Demikian Cara Membuat Menu Navigasi About Sitemap Kontak dll untuk Navigasi Menu Blog sekaligus Cara Menampilkannya di Menu Navigasi blog anda. 

Tapi dengan perkembangan zaman mengatur Navigasi kini bisa lebih mudah dengan hadirnya Template-template SEO yang banyak beredar saat ini. Jadi bila cara diatas membingungkan kalian bisa mencova menggunakan template atau membeli template premium, dan kalian akan mudah mengatur navigasi melaluli Menu Tata Letak. Semoga Bermanfaat

Terinspirasi dan dirangkum dari : (https://contohblognih.blogspot.com)