Tutorial : Navigation II

2:34:00 AM

 
 
  Untuk life preview bagi blog korang klik link INI dan korang try paste code kat bawah ni. Tekan generate code. Akan keluar live preview.
 
Ini live preview bagi blog fafa :
 
About
A
Tutorial
B
Freebies
C
Affies
D
Nak belajar tak ni ? haaaa, jom tuto !

1. Klik SINI dulu :D Sedekah sikit. Tapi, ikhlas ye ^_^ Then, buat la apa yang korang suka.
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>
.fafakyraa {
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
margin:3px;
margin-bottom:20px;
display:inline-block;
background: #ffcccc;
color:#fff;
border:1px solid #fff;
width:100px;
overflow: hidden;}
.fafakyraa:hover {
-webkit-transition: all 2s ease;
-moz-transition: all 1s ease;-o-transition: all 2s ease;
transition: all 2s ease-in-out;}
#paa {
width:100px;
position: absolute;
background:#fff;
color: #999;
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;z-index: 101;}
.fafakyraa:hover #paa {opacity: 3;overflow:hidden;}</style>  <center><a href="link"><div class="fafakyraa"><div id="paa">About</div>A</div></a>
<a href="link"><div class="
fafakyraa"><div id="paa">Tutorial</div>B</div></a>
<a href="link"><div class="fafakyraa"><div id="paa">Freebies</div>C</div></a>
<a href="link"><div class="fafakyraa"><div id="paa">Affies</div>D</div></a>
</center>

NOTA TANGAN : 
  
  • Biru : warna kotak korang
  • Oren : Link page korang. Kalau tak tahu nak buat page macam mana. Boleh tengok SINI 
  • Merah : Perkataan korang ^^

Assalamualaikum
Blog Author : FafaKyraa

You Might Also Like

0 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD