NAVIGATION

OWNER BLOG TUTORIAL Tutorial TAGBOARD POST




Hi! to copy press ctrl+c. gdluck!

DASHBOARD | +FOLLOW
Status :I'll be back soon ..


Transition Sidebar (#For Blogskins)

Sabtu, 4 Februari 2012 | 10:43 PG


                    hi korg. ni hah aq nak bgi tuto kat korg ni. hmmmmm TRANSITION SIDEBAR. oke korg tahu x die mcm mne ? oke ni hah contoh nye. (#tgk pic bwah ni)


oke mule-mule ade perkataan mcm ni jer.tpi biler ltak arrow kite kat perkataan tu.die kluar mcm ni


       oke.ade pham ? nak tuto ni ? oke ikut instruction ni.tpi tuto ni,just untok blogskins user jer taw ?

1 Dashboard > Template

2 search code ni




a:hover{

3 dah jmpe ? oke copy code ni.




#Ki {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 10px;
background: #fff;
border: 1px solid #eee;
}


#Ho {
position:fixed;
left: 20px;
top:-30px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#Ho:hover {
top:8px;
}

4 dah copy code tu ? paste dkat bwah code a:hover { tu ye ?

5 lpas dah copy and paste code yg tdi tu. cari code




<head>

5 dah jmpe ? copy code ni plak

<div id="Ho">
<div id="Ki">

LETAK APE-APE SAHAJA DKAT SINI 

</div><img src="IMAGE URL"/></div>

6 OKE DAH COPY CODE TU ? PASTE DKAT BWAH CODE <head> TU YE !


BIRU: korg adjust siket oke ? kalau die keatas sgt ke. or ke bwah sgt ke.
MERAH: replace dgn pape jer.yg korg rase die menyemak dkat sidebar korg tu.
HIJAU: replace dgn IMAGE URL korg k ?


SELAMAT MENCUBE