My First Link Tab

Jika anda lihat di atas blog saya ini, terdapat Link Tab yang baru dengan bentuk yang lebih menarik berbanding Link Tab saya yang lama (simple Link Tab). Memandangkan saya rasa sayang untuk buang HTML code saya yang lama, jadi saya letakkan ia pada posting saya kali ini. Semoga ianya akan menjadi rujukan saya dan anda pada masa akan datang...

Cara nak pasang 'Simple Link Tab'.

Masuk ruangan layout dan klik Edit Html.
Tak perlu tanda pada kotak (Expand Widget Template).
Kemudian cari kod seperti di bawah ini:

]]></b:skin>

Tambahkan kod dibawah di atas kod ']]></b:skin>' tadi :


#navigation{
height:2.2em;
line-height:2.2em;
margin:0 1px;
background:#FF99CC;
color:#ffffff;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #9900CC;
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: #9900CC;
}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover{
background:#000;
color:#ffffff;
text-decoration:none;
}


Kemudian cari kod seperti kod di bawah:

<div id='content-wrapper'>

Tambahkan kod ini di bawah kod tadi :


<div id='navigation'>
<ul>
<li class='selected'><a href='http://maksujabbar.blogspot.com'>Home</a></li>
<li><a href='http://maksujabbar.blogspot.com/search/label/download'>Download</a></li>
<li><a href='http://maksujabbar.blogspot.com/search/label/Awards'>Awards and Gift</a></li>
<li><a href='http://maksujabbar.blogspot.com/search/label/personality'>Personality</a></li>
<li><a href='http://bongzai.blogdrive.com/'>Recipes</a></li>
<li><a href='http://maksujabbar.blogspot.com/search/label/motivation'>Motivation</a></li>
<li><a href='http://maksujabbar.blogspot.com/search/label/tazkirah'>Tazkirah</a></li>
<li><a href='http://maksujabbar.blogspot.com/search/label/Exchange%20Links'>ExChange Links</a></li>
</ul>
</div>


Gantikan alamat tab pada baris yang telah ditebalkan dengan alamat tab sendiri...
Last sekali klik 'Save Template'.

Tutorial Asal: AlongArman