MENU NAVIGASI
UTAMA PADA BLOG
Pengertian
Menu navigasi adalah sebuah fasilitas yang diberikan oleh si pemilik situs dimana didalamnya berisi sekumpulan link-link penting. Menu navigasi juga berfungsi sebagai pemandu kepada pengunjung agar dapat lebih mudah dalam menentukan kategori yang diinginkan tanpa harus bersusah payah mencarinya. Tombol Navigasi merupakan sebuah tombol yang digunakan untuk menavigasi antara database terbuka atau halaman Web. Termasuk fungsi tombol kembali, maju, berhenti, refresh, cari, dan pergi.
Menu navigasi dapat berbentuk mendatar (horizontal) atau menurun (vertical) juga dapat dibuat bercabang dengan sub menu (dropdown) atau tidak, tergantung kebutuhan dari situs tersebut.
Link yang biasa dipasang dalam menu navigasi utama ini, yang paling umum misalnya:
* Home
* Profile
* Sitemap
* Contact
* Buku Tamu
* Dll.
Tergantung selera pemilik situs.
Fungsi
yaitu untuk mengakses link ke halaman
tertentu, atau bisa untuk menggolong-golongkan artikel supaya lebih mudah dalam
mengaksesnya.
·
Untuk mempermudah mengklasifikasikan postingan yang ada di dalam blog
·
Agar dapat mempercepat pencarian di dalam blog
·
Dengan menu navigasi blog akan terlihat teratur dan mudah di pahami
Manfaat
Menu navigasi yang terlihat menarik membuat situs terlihat lebih profesional walaupun dengan konten yang biasa-biasa saja. Bukan hanya itu, menu navigasi memiliki banyak manfaat diantaranya:
Menu navigasi yang terlihat menarik membuat situs terlihat lebih profesional walaupun dengan konten yang biasa-biasa saja. Bukan hanya itu, menu navigasi memiliki banyak manfaat diantaranya:
·
Lebih mudah mendapatkan backlink.
·
Mendapatkan nilai tambah dari google karena telah memanjakan pengunjung.
Navigasi
- Halaman Utama; digunakan untuk mengakses Halaman Utama
- Perubahan terbaru; menampilkan catatan atau log semua perubahan yang terjadi di Wikipedia. Artikel baru, suntingan yang terjadi, pendaftaran pengguna baru, dll. tercatat di halaman ini. Halaman ini merupakan salah satu halaman yang sangat penting untuk diakses jika Anda ingin berpartisipasi aktif dalam komunitas Wikipedia.
- Peristiwa terkini; merupakan suatu halaman yang memuat kejadian-kejadian aktual di dunia maupun Indonesia.
- Halaman baru; menampilkan halaman yang baru dibuat
- Halaman sembarang; menampilkan suatu halaman secara acak. Berguna jika Anda sedang ingin mempelajari atau membaca sesuatu hal yang baru, tapi tidak tahu harus memulai dari mana. Fitur ini bisa diibaratkan dengan Anda membuka suatu halaman ensiklopedia cetak dengan mata tertutup dan langsung membaca halaman sembarang yang Anda buka.
Karakteristik Menu Navigasi Situs Yang Baik
·
Kata yang terdapat pada menu harus mampu memberikan petunjuk yang jelas dan
singkat.
·
Nama menu mewakili isi konten.
·
Gunakan istilah-istilah yang umum, singkat, dan mudah dipahami.
·
Gunakan warna, ketebalan, atau bentuk yang berbeda dengan konten, sehingga
bisa dengan mudah dibedakan.
·
Pisahkan letak navigasi atau berikan pembatas dengan konten, sehingga bisa
dengan mudah dibedakan.
·
Jangan terlalu banyak memberikan navigasi yang tidak penting, karena bisa
membingungkan.
·
Jika navigasi memang diharuskan banyak, maka gunakan menu bercabang (dropdown),
supaya lebih sederhana dan tidak terlalu ramai.
·
Pelajari estetika, dan estetika-kan website ataupun blog kita, supaya
terlihat cantik, anggun, dan nyaman untuk dikunjungi.
Beberapa tips
pendukung menu navigasi situs yang baik:
1. Mengatur Link menurut urutan
pentingnya.
2. Navigasi harus jelas dan Konsisten.
3. Pastikan link Anda dapat dimengerti.
4. Membuat Site Map untuk
mempermudah navigasi.
5. Cobalah untuk menggunakan kata-kata
pendek & Jelas untuk link Anda.
6. Sentralisasi menu navigasi.
7. Link internal halaman dengan baik
& menyediakan link ke homepage dari setiap halaman.
8. Buatlah Top navigasi menu & footer.
Cara Membuat Menu Navigasi
Dari semua penjelasan diatas, mungkin bagian ini yang paling ditunggu. Ok
langsung saja, kali ini saya akan menggunakan bantuan dari pihak ketiga. Ada
beberapa website yang menyediakan fasilitas untuk membuat menu navigasi sendiri
secara online. Salah satu website yang menyediakan fasilitas gratis untuk
membuat menu navigasi horisontal, vertikal, dropdown menu adalah menggunakan
Css Menu Maker. Di website tersebut telah tersedia beberapa macam menu navigasi
yang bisa dimodifikasi sekaligus bisa download source / script menu-nya.
Bagi anda para
blogger yang berminat untuk membuat sebuah navigasi bar sederhana pada Blog
anda, silahkan lihat langkah-langkah di bawah ini. setelah anda melaukan
pemasang kode HTML pada blog anda, silahkan edit menu navigasi bar yang anda
buat agar terlihat lebih menarik sesuai keinginan anda.
Tutorial Membuat Menu Navigasi Bar:
1. Pertama kali
silahkan login ke Blogger
2. Masuk ke
bagian Template > Edit HTML
3. Cari kode
berikut ]]></b:skin> (untuk lebih cepat tekan Ctrl + F untuk mencari
kode), pastekan kode tersebut di atas kode berikut
/* Menu Navigasi Riedz Blog - D
Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Menu Navigasi Ends */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Menu Navigasi Ends */
4. Tahap
selanjutnya tinggal anda klik save
5. Kemudian
sekarang anda pergi ke Tata Letak > Tambah gadget > HTML Javascript
6. Pastekan
kode di bawah ini pada kotak HTML
<!-- Menu Navigasi
http://riedzz.blogspot.com Starts -->
<div id='burasbar'>
<a class='burastabs' href='#'>Home</a>
<a class='burastabs' href='#'>About</a>
<a class='burastabs' href='#'>Tutorial</a>
<a class='burastabs' href='#'>Widget</a>
<a class='burastabs' href='#'>Mobile</a>
<a class='burastabs' href='#'>Facebook</a>
<a class='burastabs' href='#'>Twitter</a>
<a class='burastabs' href='#'>Advertise</a>
</div>
<!-- Menu Navigasi Ends -->
<div id='burasbar'>
<a class='burastabs' href='#'>Home</a>
<a class='burastabs' href='#'>About</a>
<a class='burastabs' href='#'>Tutorial</a>
<a class='burastabs' href='#'>Widget</a>
<a class='burastabs' href='#'>Mobile</a>
<a class='burastabs' href='#'>Facebook</a>
<a class='burastabs' href='#'>Twitter</a>
<a class='burastabs' href='#'>Advertise</a>
</div>
<!-- Menu Navigasi Ends -->
7. Juga sudah
selesai, klik save dan tunggu hingga proses selesai.
8. Lihat
hasilnya pada Blog anda.
Itulah seputar
cara mudah yang bisa anda coba untuk membuat menu
navigasi bar pada blog anda. bagaimana, sangat mudah bukan untuk
dicoba? setelah memeasang menu tersebut, maka blog anda akan terlihat lebih
indah untuk dipandang mata oleh para pengunjung. selamat mencoba dan semoga
berhasil.
Sumber : http://riedzz.blogspot.com/2015/01/cara-membuat-menu-navigasi-bar-blog.html
Sumber : http://bocah-alus.blogspot.com/2013/07/membuat-menu-navigasi-utama-pada-blog.html#ixzz3WycStpPd
Sumber : http://bocah-alus.blogspot.com/2013/07/membuat-menu-navigasi-utama-pada-blog.html#ixzz3WycStpPd
Sumber : http://id.wikipedia.org/wiki/Wikipedia:Menu#Navigasi
Tidak ada komentar:
Posting Komentar