Wednesday, 18 February 2015

TUTORIAL MENU TAB

Assalamualaikum semua..

Hari ni, nak share satu entry utk buat MENU TAB kat header sesuatu blog. Sebenarnya saya dah lama mencari tapi tak pernah jumpa se'simple' ni. Mulanya saya cuma scroll down je Google+ ni.. Tetiba terbaca entri si gadis cantik ni post tutorial simple menu tab. Saya pun click & terus apply!!!

Kalo x cantik, maaf la ye.. Ni baru try & error..

credit to Zizie Zack 

Terima Kasih!!!


pertanyaan daripada inda lastari


1. Pergi ke dashboard dan klik pada layout. Tekan Add a Gadget dan pilih HTML/Javascript
2. Copy dan paste code di bawah ke dalam ruangan HTML/Javascript.

<style>
.nav
{ font: 12px Trebuchet MS;
background: #0095FF;
border: 0px dashed #fff;
padding: 3px; -webkit-transition: 0.5s;
}
.nav:hover
{ color: #000; background: #00DEFF;
-webkit-transition: 0.5s;
}
.nav:link{
color: #000;
}
.nav:visited{
color: #000;
}
</style> <center><div style="padding: 3px;">
<a class="nav" href="LINK">TAJUK</a>
<a class="nav" href="LINK">TAJUK</a>
<a class="nav" href="LINK">TAJUK</a>
</div></center>
saiz dan jenis font
warna background
warna tulisan
link page URL
tajuk page

3. biarkan title dalam keadaan kosong dan klik save.

No comments:

Post a Comment