Tutorial - Simple Navigate ( Jenis 2 )


Contoh Navigate ::



Okeyh, navigate ni cantek tau :)
sekarang zaty nk share kt korang.
hurm, yg dah try tu KOMEN ok.

1. Dashboard > Design > Add A Gadget > HTML/JavaScript

2. Copy code di bawah ini dan pastekan di bahagian tadi :

<style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:70px;
text-decoration:none;
font-family:calibri;
font-size:13px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #EDC5FF;
text-align:center;
cursor:vertical-text;
}
a.jeonjin:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#000000;}
</style>
<a class="jeonjin" href="LINK 1">HOME</a>
<a class="jeonjin" href="LINK 2">ABOUT</a>
<a class="jeonjin" href="LINK 3">TUTO</a>
<a class="jeonjin" href="LINK 4">FREEBIES</a> 


PERLU DI UBAH ::

BIRU : warna navigate sebelum cursor sentuh
PINK : warna navigate selepas cursor sentuh
MERAH : link entry/page
COKLAT : Ayat di Navigate

*CODE WARNA CARI DI -> SINI



Okeyh bye. harap tutorial ni berhasil ^^


Thank You sebab baca entry ni . Jangan lupa like dan komen .

4 comments:

Adilla Shahirah said...

wuhuuu, pandai dia buat tuto.

Maisarah Azmi said...

bagus tuto nie.. so pages yang dah ade tu kite delate ke lepas buat bende nie?