Tutorial: Cara Membuat Menu Navigasi Horizontal Pada Blog

Hm, mungkin kalian ingin memisahkan posting kalian? Caranya mudah, kalian bisa membuat menu navigasinya.

Cara:

1. Masuklah ke Dasbor Blogger
2. Pilih Opsi Lainnya/Other Option
3. Klik tulisan Tata Letak/Layout
4. Klik tulsian Tambahkan Gadget/Add Gadget (Lebih baik menaruhnya di bawah header)
5. Klik tulisan HTML/JavaScript
6. Pastekan kode di bawah ini di kotak Konten/Content (Untuk kotak judul, lewatkan)

<style type="text/css">
/*----------------------------------*/
.Nav a { width: auto; height: auto; text-decoration: none; }
.Nav a { text-align: center; text-decoration:none;color:#ffffcc; padding:1px 20px 1px 15px;font-weight:bold; font-size:12px; }
.Nav a:hover {padding:3px 20px 3px; 20px; text-align:center; text-decoration:none; color:#000033; font-weight:bold; border:3px; background-color: #000000;}
</style>
<div style="border: 3px solid #ffcc99; height:px;background-color:#4445d4;">
<div style="width: auto; padding: 10px;" class="Nav" align="left">
<a href="http://zebianblog.blogspot.com/search/label/"><span style="font-weight:bold; color:#FFFF00; ">HOME</span></a>
<a href="#"<span style="font-weight:bold;color:#FFff00;">MENU 1</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 2</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 3</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 4</span></a>
</div></div>

Attention!
- Untuk tanda warna biru tua, digunakan sebagai link menu navigasi kalian nanti
- Untuk tulisan MENU berwarna biru muda, digunakan sebagai nama menu navigasi kalian nanti
- Untuk lebar dan warna menu navigasinya bisa kalian ubah sendiri

7. Klik tulisan Simpan/Save

Lihatlah blog kalian! Bagaimana? Sudah terdapat menu navigasinya? Jika kalian masih bingung, beritahu saya lewat Komentar ya :)