Tutorial : Navigation XI

5:21:00 PM

Assalamualaikum :)
 



Live Preview :


page1 page2 page3 page4


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:12px tt;
text-align:center;
background: #fff;
width:95px;
color:#888;
padding:5px;
border-left:20px solid #FFC6C6;
border-right:20px solid #AFCCFF;
text-decoration:none;
}
a.fafa:hover{
border-left:20px solid #FF9393;
border-right:20px solid #6BA2FF;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
</style><center>
<a class="fafa" href="http://www.blogger.com/LINK">page1</a><br/>
<a class="fafa" href="http://www.blogger.com/LINK">page2</a><br/>
<a class="fafa" href="http://www.blogger.com/LINK">page3</a><br/>
<a class="fafa" href="http://www.blogger.com/LINK">page4</a></center>

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