masukkan link tab

<em>Ampersands & angle brackets need to be encoded.</em>Request dari Mr. Berett yang inginkan tutorial membuat link tab. Sebenarnya banyak versi link tab yang boleh didapati di blog menjerit. Tetapi link tab ini yang paling senang bagi Along. cara-cara seperti di bawah:

1. Masuk ruangan layout dan klik Edit Html. Tak perlu tanda pada kotak (Expand Widget Template).

2. Kemudian cari kod seperti di bawah ini:
]]></b:skin>

Dan tambahkan kod ini di atas kod 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;
}

3. Kemudian cari kod seperti kod di bawah:

<div id='content-wrapper'>

4. dan tambahkan kod ini di bawah kod tadi :

<div id='navigation'>
<ul>
<li class='selected'><a href='http://hanatrg.blogspot.com'>Home</a></li>
<li><a href='Alamat Link 2'>Tukaran Link</a></li>
<li><a href='Alamat Link 3'>Sumbangan</a></li>
<li><a href='Alamat Link 4'>Lain-lain</a></li>
<li><a href='Alamat Link 5'>Lain-lain</a></li>
</ul>
</div>

Gantikan alamat tab pada baris yang telah ditebalkan.

5. Akhir sekali klik Save Changes


Plzz..Berikan Komen. Komen anda amat di perlukan untuk memberi idea kepada penulis mencari bahan untuk rujukkan bersama.

Comments :

0 comments to “masukkan link tab”

Catat Ulasan

Clik Iklan Disini

 

coments