Cara membuat menu navigasi horizontal pada blogspot

Menu bar navigasi pada blogspot memang harus manual kita taruh, namun jangan khawatir, ini ada code yang anda tinggal copy paste kan saja. Berikut tutorial caranya...:

• Klik Menu "Tata letak" pada menu kiri blog anda.
• Klik "tambahkan gadget" pada daerah atas header.
• Copykan code di bawah ini...

<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 20px;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: #ffcc99;}
</style>
<div style="border: 3px solid #ffcc99; height:px;background-color:#FF6633;">
<div style="width: auto; padding: 10px;" class="Nav" align="left">
<a href="http://tipsbuatblogunik.blogspot.co.id/"><span style="font-weight:bold; color:#FFFF00; ">HOME</span></a>

<a href="http://tipsbuatblogunik.blogspot.co.id/"><span style="font-weight:bold; color:#FFFF00; ">About Me</span></a>

<a href="http://tipsbuatblogunik.blogspot.co.id/"><span style="font-weight:bold; color:#FFFF00; ">Menu-1</span></a>

<a href="http://tipsbuatblogunik.blogspot.co.id/"><span style="font-weight:bold; color:#FFFF00; ">Menu-2</span></a>

<a href="http://tipsbuatblogunik.blogspot.co.id/"><span style="font-weight:bold; color:#FFFF00; ">Menu-3</span></a>

<a href="http://tipsbuatblogunik.blogspot.co.id/"><span style="font-weight:bold; color:#FFFF00; ">Contact us</span></a>

<form action="http://tipsbuatblogunik.blogspot.com/search" id="searchform" method="get" style="display: inline; float:right; padding-right:10px; padding-bottom:px" > <input id="searchbox" maxlength="" name="q" onblur="if (this.value == "") {this.value = "search...";}" onfocus="if (this.value == "search...") {this.value = ""}" value="Search..." type="text" /> <input class="btn" name="" " value="search" type="submit" span style="font-weight:bold; font-size:12px; color:#ff3399" />
</form>
</div></div>

• Ubah Warna link MERAH menjadi LINK anda
• Ubah Warna link BIRU menjadi Nama judul link yang anda inginkan. 
• Klik simpan dan lihat Hasilnya.

Mudah kan?

Sekarang masalahnya bagaimana kalau mau buat link merah tersebut menjadi kategori label artikel?
Pertama anda buatlah dahulu artikel yang sudah kita buat label nya... nah, label tersebut kita bisa buat menjadi kategori artikel...

Lihat foto di atas, ada label yang telah kita buat, arahkan saja mouse ke label tersebut dan akan muncul link pada kiri bawah...atau anda bisa juga klik label tersebut dan lihat di alamat browser anda.

semoga bermanfaat.