Tutorial : Simple Menu Tab

18.5.14

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.

10 comments

miqhaazmiMay 18, 2014 at 3:39 PM
wah baru tahu camne nak buat,,useful information ni :)
ReplyDelete
Replies
Mimi RheemMay 18, 2014 at 7:25 PM
woahh..sangat2 berguna untuk org mcm saya..hihih..thank you untuk tuto ne..will try this out !!
ReplyDelete
Replies
PeRdU cINtaMay 18, 2014 at 7:56 PM
IlinsyaAllah ilmu berguna ni..ilmu yang ada bila dikongsi..insyaAllah manfaatnya kembali pada kita semula..
ReplyDelete
Replies
PwincessMay 18, 2014 at 8:35 PM
akak boleh jadi tutor lepas ni hehehe =D
ReplyDelete
Replies
UnknownMay 18, 2014 at 10:03 PM
rajin buat tuto..

husna singgah dari blog kak mia..:)
ReplyDelete
Replies
Abam KieMay 18, 2014 at 10:37 PM
as salam. dah lama sy cari tutorial sebegini. thanks!
ReplyDelete
Replies
Dunia ZumalMay 18, 2014 at 11:00 PM
Nice sharing zizie :))
ReplyDelete
Replies
Linda IshakMay 20, 2014 at 9:06 AM
Info yg sangat berguna... Thanks...
ReplyDelete
Replies
Ismail NMay 20, 2014 at 10:43 AM
Err pakai page widget boleh jugak kan?
ReplyDelete
Replies
MimieMay 20, 2014 at 4:23 PM
Akak uoah org je..hahaha
ReplyDelete
Replies