The Tutobies
About;
What's Happening?

Liyana Izzati. Fifteen. Seoul. I'm Kpoppers and maybe not forever. All tutorial is here. Multifandom.

Shout here;
Talk to much



Credit;
The Cretive!

© 2013 - Full Template by Arrien Amani and someone help me is Mayra and Inficon . Edit by Liyana Izzati.

Tutorial : Floating Navigate #1
Friday 14 December 2012 | 0 Comments
Tumblr_me3gryfe0h1qzen5jo1_500_large

Assalamualaikum . Hari ni saya nak ajar korang , cara but floating navigate . It mean macam navigate tu terapung . Jom mula .


For Blogskin .

1. Dashboard > Template 
2. Tekan Ctrl+f serentak dan cari code </style>
3. Copy code bawah ni .
<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>
4. Paste code ni di bawah code </style>
5. Preview and Save .

For Design.

1. Dashboard > Layout > Add gadget > Html/Javascript .
2. Copy code di bawah .
<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>
3. Save .

Tuto Credit to : Wanaseoby 

PASTFUTURE


Post a Comment