Cara Membuat Menu bar Horizontal Simpel
BLOG - Pada dasarnya setiap blog yang baru dibuat pasti menggunakan template bawaan blogger. template bawaan blogger terkadang perlu di modifikasi atau didesain ulang oleh kita sendiri, salah satu contoh kita modifikasi menu bar di bagian top. Jika sobat menginginkan yang lebih dan sudah ada di template bawaan sobat bisa mendownload template tersebut di website yang menyediakan template gratis untuk blog. Terkecuali sobat sudah memiliki desain template yang sobat cari dan download di google.com tinggal masukkan kode template dan beres tinggal edit-edit sedikit di menu html template.
APA ITU MENU BAR ?
Menu bar adalah menu yang di beri tautan berupa link yang akan menuju halaman tersebut, seperti navigasi agar memudahkan seorang pelancar internet ketika memasuki atau melihat laman web maka tidak akan bingung lagi untuk mencari tombol navigasi menu bar.
Menu bar bisa di desain lebih menarik dan tidak monoton dengan menggabunggkan kode Css dan kode Html. mungkin itu sulit bagi seseorang yang baru belajar ngeblog, mungkin tidak paham apa itu Css dan Html. jabaran singkat Css adalah kode yang secara khusus untuk mendesain halaman website, seorang ahli programmer web pasti sudah tidak asing dan mengerti apa itu CSS dan kegunaannya. sedangkan Html adalah berupa kode yang di peruntukan untuk membuat laman website.
Baca Juga :
Banyak cara untuk membuat menu bar dan mendesain dengan lebih menarik akan tetapi kali ini akan membahas membuat menu bar bagian navigasi dengan cara sederhana dan terbilang sangat simpel dan tidak perlu sobat mengedit pada bagian template.
BAGAIMANA MEMBUAT MENU BAR SEDERHANA ??
Mari kita mulai saja membuat menu bar tanpa harus menggunakan desain, kita membuat menu bar yang simpel dan sederhana.caranya bisa dilihat di bawah ini :
1. Login ke Blogger
terlebih dahulu sobat login keblogger, bagi yang belum daftar blog silahkan daftar terlebih dahulu atau bisa klik link blogger.
2. Klik Menu Tata Letak
jika sobat sodah login ke blogger sobat maka selanjutnya klik di Menu Tata letak, maka akan muncul tampilan seperti di bawah ini:
Setelah masuk di Menu Tata Letak , tinggal sobat mau meletakkan menu bar di bagian mana, misalkan di menu atas header atau bagian bawah footer, sesuai keinginan sobat. jika sudah memilih mau meletakkan dimana silahkan sobat klik tombol tambah gadget seperti tampilan di bawah ini:
Tombol gadget sudah di klik, maka pilih gadget Html/javascript sobat tinggal memasukan kode html untuk membuat menu bar yang sederhana dan simpel.gambar gadgetnya bisa di lihat di bawah ini:
silahkan copy kodenya di bawah ini :
<center><a href="httpss://www.mas genli.com/p/blog.html">INDEX</a><a href="http://www.mas genli.com/p/pr.html">||PRIVACY POLICE</a><a href="https://www.mas genli.com/p/hubungi-kami.html">||HUBUNGI KAMI</a></center>
Dan masukkan ke menu gadget yang di tambahkan tadi jangan lupa untuk menyimpannya. kemudian refresh Halaman Blog sobat, Jangan lupa agar mengganti tulisan berwarna merah "https://www.mas genli.com/p/hubungi-kami.html"menjadi link sobat maka akan tampil seperti ini :
PENJELASAN KODE HTML :
<CENTER> Berfungsi agar tulisan menjadi area tangah/bagian tengah. bukan dari samping.
</a> Berfungsi untuk menjadi pemisah istilahnya dalam word adalah tab atau space( sepasi) agar membuat jarak antara nama link satu dengan yang lain.
<a href=''> berfungsi untuk meletakkan alamat link laman, sperti target link yang mau di buka.
Cukup simpel dan sederhana bukan membuat menu bar pada blog tanpa harus masuk ke memu bagian edit template yang cukup membuat ribet dan membingungkan bagi sobat yang baru memulai ngeblog. cukup sederhana tetapi lumayan hasilnya walau tidak di beri kode Css.
Seandainya sobat ingin membuat menu bar dengan tampilan yang lebih lembut dan bagus bisa di beri bacgraound di balakang pada bagian menu bar, sobat perlu menambhakan kode Css, semua itu tergantung dengan kebutuhan. jangan terlalu memaksakan dengan menggunakan kode Css jika tidak sangat membutuhkan, dengan yang sederhana sebuah website atau blog juga kelihatan menarik dan enak di pandang.