Tutorial : Navigation X

5:13:00 PM

Assalamualaikum :)


Live Preview : 

Page1 Page2page3page4

1. Klik SINI dan ikut step seterusnya.

2. Dashboard > Layout > Add A Gadget > HTML/JavaScript.



 

Klik untuk tumbesaran sihat lagi kuat ^^ Rawrrr :) 

 

3. Copy code kat bawah ni and then paste kat HTML/Javascript tadi.

<style>
a.fafa {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:center;
background: #fff;
width:95px;
color:#000;
padding:2px;
border:1px solid #FFBFF1;
border-left:20px solid #FFBFF1;
text-decoration:none;
}
a.fafa:hover{
border-left:1px solid #ccc;
border:1px solid #FFBFF1;
border-right:20px solid #FFBFF1;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
</style> <a class="fafa" href="http://www.blogger.com/LINK">option1</a>
<a class="fafa" href="http://www.blogger.com/LINK">option2</a>
<a class="fafa" href="http://www.blogger.com/LINK">option3</a>
<a class="fafa" href="http://www.blogger.com/LINK">option4</a>
<br />

NOTA KAKI TANGAN :

merah : warna background
oren : warna border
kuning : url korang
hijau : tajuk pages korang

Assalamualaikum
Blog Author : FafaKyraa

You Might Also Like

0 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD