Home » » Cara Membuat Menu About & Sitemap di Navigasi Menu Blog

Cara Membuat Menu About & Sitemap di Navigasi Menu Blog

Cara Membuat Menu About & Sitemap di Navigasi Menu Blog
POSTING Cara Membuat Menu About, Sitemap, Disclaimer, Kontak, dll. di Navigasi Menu Blog ini dibuat karena seringnya pertanyaan yang masuk di komentar blog ini.

Sebenarnya CB sudah shara tutorial cara membuat halaman dan menampilkannya di navigasi menu:  Cara Menampilkan Halaman & Label di Menu Navigasi Blog.

Mungkin judulnya gak pas dengan kebanyakan kata kunci yang di-entry atau posting tersebut "kurang terindeks" Google, jadinya agak sulit ditemukan.

Berikut ini CB update lagi panduan lengkap Cara Membuat Menu About, Sitemap, Kontak, Disclaimer, dan menu lainnya dan cara menampilkannya di Menu Navigasi di bawah atau di atas header.

Contoh atau Demonya seperti yang Anda lihat di Navigasi Menu yang ada di atas dan di bawah CB Blogger ini.

Langkah 1: Membuat Halaman Statis

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

ULANGI langkah 1 s.d. 4 di atas untuk menu lainnya: Sitemap, Disclaimer, Kontak. 

Baca juga:

Langkah 2: Menampilkan di Navigasi Menu Header

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

Template SEO Friendly umumnya sudah menyediakan link navigasi menu about dll. ini. Tinggal diisi saja link-nya yang biasa bertanda pagar (#). Ganti # dengan link halaman statis yang sudah dibuat di langkah di atas.

Cara mengetahui link-nya, buka saja (view) halaman status tersebut, lalu COPY url-nya yang ada di address bar. 

Cara Memasukkan Linknya:
1. Template > Edit HTML

Di dalam template Anda biasanya ada kode navigasi menu seperti di bawah ini. Untuk memudahkan pencarian: tekan Ctrl+F lalu ketik "About" atau nama menu lain yang muncul di navigasi menu blog Anda.

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>


Untuk menambah menu, tinggal buat halamannya, lalu tambahkan kode seperti ini:

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

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

Untuk menampilkan halaman label/kategori posting, kodenya seperti ini:
<li><a href='/search/label/Berita?&amp;max-results=8'>Berita</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 antarkata:

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

Untuk pengguna template blog bawaan blogger, lebih mudah lagi. Biasanya ada menu widget "Page" di Layout yang tinggal diedit. (Lihat Panduan Google: Add Pages Menu to Blogger).

Demikian Cara Membuat Menu About & Sitemap di Navigasi Menu Blog sekaligus Cara Menampilkannya di Menu Navigasi. Good Luck! (http://contohblognih.blogspot.com).*

Thanks for reading & sharing Cara Membuat Menu About & Sitemap di Navigasi Menu Blog

Previous
« Prev Post

2 comments:

Comment Page:
  1. Makasi gan, sudah diterapkan ke blog kami

    ReplyDelete
  2. Terima kasih untuk artikelnya gan.... sayangnya setelah saya bongkar HTML yang saya punya pada blog saya.. Tidak diketemukan menu navigasi yang di atas.. yang ada menu untuk menu yang dibawah header..
    Maaf... telah merepotkan..

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox