August 19, 2015

Cara Membuat Menu About & Sitemap di Navigasi Menu Blog

August 19, 2015

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).*

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

6 comments on Cara Membuat Menu About & Sitemap di Navigasi Menu Blog

  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
  3. Terima kasih banyak ya, Mas. Akhirnya saya berhasil punya menu navigasi (y) Sukses terus, Mas :)

    ReplyDelete
  4. Terima kasih atas ilmunya tambah sukses....

    ReplyDelete
  5. ada video tutorialnya ga mas?

    ReplyDelete

Contact Form

Name

Email *

Message *