Tutorial : Navigation XII

5:48:00 PM

Assalamualaikum :)

http://25.media.tumblr.com/513f2c3cf01f9109e98b712ca91e501f/tumblr_mvairrHcFa1snd2hoo8_500.jpg

Live Preview :


1 2 3 4
 

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;
cursor:pointer;
display:inline-block;
font:12px tt;
text-align:center;
width:30px;
height:10px;
color:#888 !important;
padding:5px;
padding-top:15px;
background:#eee;
text-decoration:none;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
border:2px solid #ddd;
border-bottom:none;
}
a.fafa:hover{
background: #fff;
color:#333 !important;
}
@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" title="about">1</a>
<a class="fafa" href="http://www.blogger.com/LINK" title="tuto">2</a>
<a class="fafa" href="http://www.blogger.com/LINK" title="pages">3</a>
<a class="fafa" href="http://www.blogger.com/LINK" title="freebies">4</a>
<div style="background:url(http://4.bp.blogspot.com/-ZwAhW0YjFOw/UBBDQvIJnlI/AAAAAAAADps/0L7sUFkcY_c/s1600/tumblr_m0g3ybPmqj1r6uwfxo7_400.png);width:200px;height:5px;">
</div>
</center>

NOTA KAKI TANGAN :

merah : warna background
oren : warna border
kuning : url korang
hijau : warna tulisan
Assalamualaikum
Blog Author : FafaKyraa

You Might Also Like

0 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD