tutorial floating navigation like me

 Sis sheda ada tanye, camne nak buat kotak shoutbox nie?

alang-alang tu, aku akan kongsi ngan korang kat luar sana jugak..

simple jew..

aku mintak maaf kepada owner kod ni sebab aku lupa dari mana aku dapat tuto nie..

kalau korang rasa ni kod korang, sila bagitahu..nanti aku akan credit..

okey..pergi kat LAYOUT......ADD GADGET + paste kod di bawah nie..

<style>
a.you{
width:13px;
display:inline-block;
color:#fff;
text-align:left;
padding:2px;
overflow:hidden;
height:18px;
text-decoration:none;
padding-left:7px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font-family:calibri;
margin:5px;
font-size:12px;
border-radius:333px;
}

a.you:hover{
width:80px;
{
</style><br />
<br />
<div style="position:fixed; top:200px;left:20px;"><br />
<a class="you" style="background:#FF8888;" href="LINK HERE"> <span style="padding-right:10px;font-size:16;">+</span>facebook</a><br />
<br />
<a class="you" style="background:#FFBBBB;" href="LINK HERE"> <span style="padding-right:10px;font-size:16;">+</span>twitter</a><br />
<br />
<a class="you" style="background:#9BF1D2;" href="LINK HERE"> <span style="padding-right:10px;font-size:16;">+</span>fanfiction</a><br />
<br />
<a class="you" style="background:#5EDFC9;" href="LINK HERE"> <span style="padding-right:10px;font-size:16;">+</span>tumblr</a><br />
<br />
</div>

tukar yang kaler merah dengan korang punyer yerk!tekan SAVE...selesai

#thanks yaya sebab ingatkan! Credit to: wanaseoby