Tutorial ; Letak navi tepi body [Blogskin]
posted by Zakiah Akma November 04, 2013 0 comments
 
 
Cuba tengok navi kat sebelah kiri anda . Tu laa navigate yang Zie nak ajar kat anda semua ! Pasti ramai yang suke navi macam tu kan ? Tuto ni untuk blogskin / classic template sahaja . Tuto ni daripada saya . So , kalau nak re-tuto balik , minta izin saya . 

Let's !!


1; Dashboard -> Template -> 'Edit Template HTML'
2; CTRL + F dan cari </style> 
3; Sebelum tuh , letakkan code kat bawah ni dekat atas </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;
{


4; Sambung no.2 tadi , copy code kat bawah ni dan paste kan dekat bawah </style>


<div style="position:fixed; top:200px;left:20px;"><br />
<a class="you" style="background:#FF8888;" href="http://www.facebook.com/zakiahakma"> <span style="padding-right:10px;font-size:16;">+</span>Facebook</a><br />
<br />
<a class="you" style="background:#FFBBBB;" href="http://www.instagram.com/zakiahakma"> <span style="padding-right:10px;font-size:16;">+</span>Instagram</a><br />
<br />
<a class="you" style="background:#D8D8D8;" href="http://www.twitter.com/zakiah_akma"> <span style="padding-right:10px;font-size:16;">+</span>Twitter</a><br />
<br />
<a class="you" style="background:#8A0808;" href="http://www.ask.fm/Ziechy"> <span style="padding-right:10px;font-size:16;">+</span>Ask.fm</a><br />
<br />
</div>

merah ; tukar warna navi kat SINI
biru ; tukar nama laman web tersebut
hijau ; tukar link anda sendiri


5; Done ! Save & preview . Kalau tak jadi , comment okay ?

Labels:

design by Wanaseoby. edit by Zakiah Akma.