Posted in Tutorial

Navigation Button

To : Pn. Hernee & Siti
and for my memory
1. EDIT HTML

2. cari plak code
</b:skin>

3. pastu letak code dibawah ini di atas code tadi
#navigation{
height:2.2em;
line-height:2.2em;
margin:0 1px;
background:#AF7817;
color:#ffffff;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover{
background:#000;
color:#ffffff;
text-decoration:none;
}

4. kemudian cari code ini

<div id=’content-wrapper’>

5. dan tambah ini dibawahnye

<div id=’navigation’>
<ul>
<li class=’selected’><a href=‘http://your-link-url.blogspot.com’>Your link</a></li>
<li><a href=‘http://your-link-url.blogspot.com’>Your link 2</a></li>
<li><a href=‘http://your-link-url.blogspot.com’>Your link 3</a></li>
</ul>
</div>

6. Tukarkan yang warna biru dengan link sendiri ye dan color sendiri …

pic10-1

One thought on “Navigation Button

Comments are closed.