Tutorial : Navigate Hover #1

Anneyeongsayo..

Assalamulaikum..

Hello Readers..

okey hari tu ada orang reqeust.. so jom tengok tutonya.

ENTRY OWNER LINKS STUFF FOLLOW

{live preview}

Template / Blogskin
1. Dashboard > Template > Edit HTML
2. Tekan Ctrl+f serentak dan cari code <style type='text/css'>
3. Copy code bawah ni

a.navi4{
letter-spacing:1px;
-webkit-transition: all 0.2s 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; width:80px;
display:inline-block;
background:#F7F7F7;
color:#999;
border-left:solid 5px #fddcdc;
cursor:vertical-text;
font:10px calibri;
padding:5px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
text-decoration:none;
}
   
a.navi4:hover{
border-left:2px solid #F7F7F7;
background:#fddcdc;
padding-right:10px;
width:80;
}

4. Pastekan code ni di bawah </style> tu tadi
5. Pergi ke HTML atau edit HTML dan pastekan code ni

Template

<a class="navi4" onclick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML"href="URL LINK" >TAB</a>

Classic Template

<a class="navi4" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">TAB</a>

6. Preview & save


MERAH : tukar dengan warna kesukaan awak
URL LINK : link awak
TAB : letak nama yg awak suka
LINKIES : utk pengguna blogskin pasti tahu