Tutorial : Navigation XIII

7:02: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>
.f{
width:50px;
padding:4px;
margin:2px;
background:#eee;
font:10px tt;
text-align:center;
Text-decoration:none;
color:#000;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
border:2px solid #ccc;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}

.f:hover{
color:#fff;
border:2px solid #ccc;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:url(http://25.media.tumblr.com/tumblr_mbamchIsvG1qhhbndo1_500.jpg);
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>

<a class="f" href="LINK HERE">page1</a>
<a class="f" href="LINK HERE">page2</a>
<a class="f" href="LINK HERE">page3</a>
<a class="f" href="LINK HERE">page4</a>

NOTA KAKI TANGAN :

merah : warna/url background

oren : warna border

kuning : url korang

hijau :Tajuk Page
Assalamualaikum
Blog Author : FafaKyraa

You Might Also Like

0 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD