Cara Menciptakan Dan Menampilkan Sajian Navigasi Di Blogspot

Ridhmedia
14/06/14, 20:54 WIB
Menu Navigasi yaitu daftar sajian yang dibentuk menurut halaman statis atau label pada postingan blog. Menu-menu ini umumnya terletak di bab atas (head) atau di bawah (footer).

Template bawaan blogger tidak ada sajian navigasinya, sehingga sahabat harus menambah secara manual dengan memasukan beberapa isyarat html/CSS ke dalam template (edit html).

Menu Navigasi yaitu daftar sajian yang dibentuk menurut halaman statis atau label pada po Cara Membuat dan Menampilkan Menu Navigasi di Blogspot

Proses mengedit template bagi sebagian blogger pemula tidaklah mudah, bagi sahabat yang tidak mau terlalu pusing otak atik template, saran saya ganti template blog dengan mendownload template yang sudah tersebar luas di internet ibarat : Template brosense atau Evo Magz yang memang sudah mempunyai navigasi bawaan. Makara kiprah sahabat hanya mengisi dan mengaktifkan sajian tersebut.

Baca juga :  Cara Membuat Icon Blog (Favicon) di Blogspot

Menu Navigasi ini terbagi menjadi 2 : Menu navigasi utama dan sajian navigasi pelengkap

Menu navigasi utama
  • About / profile – berisi wacana profile pemilik blog
  • Contact – berisi wacana isu kontak (biasanya berisi form kontak)
  • Sitemap - Daftar Isi blog menurut kategori tertentu

Menu navigasi Pelengkap
  • Kategori/label – berisi postingan yang diurutkan sesuai dengan label postingan
  • Disclaimer – berisi wacana hak cipta isi goresan pena blog sobat
  • Privacy Policy – berisi wacana jaminan keamanan privasi user
  • Terms of Service – berisi wacana batasan-batasan pengguna
  • Untuk blog organisasi atau bisnis biasanya ada tambahan seperti: profil, sejarah, susunan pengurus, visi misi, program, kegiatan, gallery dll.
Untuk blog yang akan didaftarkan ke google adsense umumnya wajib berisi beberapa navigasi berikut : about, contact, sitemap, disclaimer, privacy policy dan terms of service.

Baca juga :  Cara Membuat Halaman Kontak di Blogspot yang Simple dan Elegan 

Membuat dan Menampilkan Menu Navigasi

Langkah Pertama : Membuat Halaman Profile di Laman
  1. Klik sajian page/halaman di dasboard blog
  2. Klik new page – halaman baru
  3. Isi nama halaman dengan : Profile,  kemudian isi dengan profile sobat
  4. Jika sudah final klik Publish
Langkah Kedua : Menampilkan sajian navigasi di halaman depan blog

Untuk langkah kedua ini saya asumsikan template blog sahabat sudah ada sajian navigasi bawaan, sehingga kita hanya memasukan link ke dalam template blog tersebut. Dalam langkah ini saya berikan pola memakai template Brosense.
  1. Klik Tema
  2. Klik Edit HTML
  3. Cari isyarat : Menu 1 ( Gunakan Ctrl + F)
  4. Rubah Menu sesuai kebutuhan, Contoh : Profile
  5. Ganti tanda # dengan link laman yang telah dibentuk sebelumnya, Contoh :  https://www.blogsobat.blogspot.com/p/about.html
  6. Simpan Tema

Menu Navigasi yaitu daftar sajian yang dibentuk menurut halaman statis atau label pada po Cara Membuat dan Menampilkan Menu Navigasi di Blogspot
Menu bawaan template sebelumnya :
<li><a href='#'>Menu 1</a>

dirubah menjadi
<li><a href='https://www.blogsobat.blogspot.com/p/about.html'>Profile 1</a>

Lakukan hal yang sama untuk menu-menu yang lain.

Membuat Navigasi sesuai label Blog

Untuk Navigasi atas supaya sesuai dengan label blog, cara membuatnya sama, hanya saja saat menyisipkan link (mengganti #) disisipkan sesuai label postingan blog.

Contoh : Blog sahabat dengan alamat https://www.blogsobat.blogspot.com tentang resep masakan, mempunyai 10 postingan, dengan 3 label yaitu : Kue, Masakan Jawa, Juz

Rumus Navigasi label :
http://www.alamatblog.com/search/label/labelblog

Jadi cara membuatnya :
https://www.blogsobat.blogspot.com/search/label/Kue
https://www.blogsobat.blogspot.com/search/label/Masakan%20Jawa
https://www.blogsobat.blogspot.com/search/label/Juz

Untuk label dengan 2 kata, tambahkan isyarat %20 sebagai spasinya

Jika sudah dibentuk ibarat itu, maka navigasi akan secara otomatis mengelompokan setiap postingan menurut label yang telah dibuat

Komentar

Tampilkan

Terkini

Peristiwa

+