Cara Membuat Menu Horizontal Di Blog

Untuk menggunaan menu horizontal di blogger menggunkan widget:

* Pertama-tama sign in seperti biasanya

* Klik layout

* Klik edit HTML

* Terus klik expand widget template

Kalau sudah cari kode berikut:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

Kemudian ganti angkanya --> 1 di ganti angka 2 dan no di ganti dengan yes

Terus dibawah ada code

b:widget id='header1' locked='true'

True diganti False kalo sudah di save templatenya.

Setelah itu untuk menambah Menu Horizontal tinggal di kopi code di bawah ini

dan paste di halaman element tambahkan gadget ---> HTML/JavaScrip.

<div id="nav">

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>

<li><a href="#">FAQ</a></li>

<li><a href="#">Product</a></li>

</ul>

</div>

Jangan lupa tanda # di ganti dengan alamat URL bisa juga dengan Link orang lain.

Kemudian kopi code berikut ini taruk di atasnya code ]]></b:skin>

Setelah itu jangan lupa di SAVE templatenya.

#nav ul{

display:block;

margin: 0px;

padding: 0px;

}

#nav li{

float:left;

list-style-type:none;

padding:3px 5px 3px 5px;

margin:1px;

border:#CCCCCC 1px solid;

}

#nav li a{

text-decoration:none;

}

#nav li:hover{

background:#00FFFF;

}