Mutiara Kata



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

Blog Widget by LinkWithin

Untuk pengetahuan pengunjung, Blog ini tidak lagi aktif dan saya sudah pun berpindah ke Blog Wordpress.org. Terima Kasih diatas sokongan anda sebelum ini.
Sudi-sudilah mengujungi Blog Wordpress saya di sini...
ANOTHER STRANGE GIRL STORIES

1 Kata Pelawat:

suezensuzanna said...

wah..siap bg tips lagi..:P

Post a Comment

Terima Kasih, kerana sudi berbicara di sini...

Blog Widget by LinkWithin
 
Powered By Blogger | Design By iEn © 2008 | Edited By AkuroSan | Kontes Review Klinik Cinta | Contest SEO Eridy | Best View: Firefox | Top