Cara membuat menu versi horizontal

Cara membuat menu versi horizontal

Pada kesempatan kali ini saya ingin postingkan cara membuat menu versi horizontal di bawah header,seperti yang ada di blog saya ini, mungkin diantara para sobat blogger ada yang blum tahu bagaimana membuat menu….jawabannya sangat mudah sekali. Langsung aja kita ke TKP hehehe…

Langkah yang harus anda mulai:

1. masuk blogger sobat
2. pilih rancangan
3. pilih edit laman
4. pilih tambah gadget
5. pilih fitur HTML/Javascript

6. copy paste code scrip di bawah ini

<style type="text/css">

       #navright {

              width: 200px;

              font-size: 11px;

              float: right;

              margin: 0px;

              padding: 6px 5px 0px 0px;

              }

          #navright a img {

              border: none;

              margin: 0px;

              padding: 0px;

              }

</style>

<div id="tabshori">

<div id='navleft'>

<ul>

<li><a href="http://ageboy.blogspot.com"><span>Home</span></a></li>

<li><a href="http://ageboy.blogspot.com"><span>Download</span></a></li>

<li><a href="http://ageboy.blogspot.com/search/label/Bisnis"><span>Bisnis</span></a></li>

<li><a href="http://ageboy.blogspot.com/search/label/Bisnis%20online"><span>Bisnis online</span></a></li>

<li><a href="http://ageboy.blogspot.com/search/label/Tips%20ngeblog"><span>Tips ngeblog</span></a></li>

<div id='navright'>

<form action="http://ageboy.blogspot.com/search" class="cariform " method="get">

<input class="carifield" onblur="if (this.value == '') {this.value = 'Cari artikel...';}" onfocus="if (this.value == 'Cari artikel...') {this.value = '';}" type="text" value="Cari artikel..." /><input class="caributton" type="button" value="cari" /></form>

</div></ul>

</div>

<!-- akhir bg_nav --></div>

Read more: http://ageboy.blogspot.com/2011/06/cara-membuat-menu-versi-horizontal.html#ixzz1kohc4cW1