Cara Membuat Menu About & Sitemap di Navigasi Menu Blog
August 19, 2015
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.
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
2. Untuk menampilkan Halaman Statis, kodenya seperti ini:
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.
<li><a href='/search/label/Label?&max-results=8'>Label</a></li>
2. Jika Nama Labelnya Dua kata: Tambahkan %20 antarkata:
<li><a href='/search/label/Label%20Post?&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).*
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>
<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:
Untuk menambah menu label lainnya, tinggal tambahkan kode:
1. Jika Nama Labelnya Satu Kata:
<li><a href='/search/label/Berita?&max-results=8'>Berita</a></li>
<li><a href='/search/label/Opini?&max-results=8'>Opini</a></li>
<li><a href='/search/label/Tips%20SEO?&max-results=8'>Tips SEO</a></li>
<li><a href='/search/label/Opini?&max-results=8'>Opini</a></li>
<li><a href='/search/label/Tips%20SEO?&max-results=8'>Tips SEO</a></li>
1. Jika Nama Labelnya Satu Kata:
<li><a href='/search/label/Label?&max-results=8'>Label</a></li>
2. Jika Nama Labelnya Dua kata: Tambahkan %20 antarkata:
<li><a href='/search/label/Label%20Post?&max-results=8'>Label Post</a></li>
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
« Prev Post
Next
Next Post »
Next Post »
Makasi gan, sudah diterapkan ke blog kami
ReplyDeleteTerima 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..
ReplyDeleteMaaf... telah merepotkan..
Terima kasih banyak ya, Mas. Akhirnya saya berhasil punya menu navigasi (y) Sukses terus, Mas :)
ReplyDeleteTerima kasih atas ilmunya tambah sukses....
ReplyDeletewih mantap bang, makasih
ReplyDeleteada video tutorialnya ga mas?
ReplyDelete