Cara membuat Navigation Bar di Blog

Yosh,Skin baru nih Bangga deh rasanya,bisa bikin Skin sendiri Btw,ada yang mau tau cara bikin NavBar?Yang tulisan di bawah Banner tu biasanya....So,no more time to waste!Time to CREATE IT!!Kalian agak sedikit harus membongkar kode HTML,tapi cuma 1 lapis kode aja kok yang dibongkar!Jangan malas!Ok,siap ya.


First,copy kode di bawah

<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.nav,a.nav{
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#666;
color:#eee;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;
}
.nav:hover,a.nav:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#000;
}
</style>
<center>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
</center>

MERAH:Link

Orange:Title

Yups,tinggal menggantinya sesuai Page yang kalian mau...It's just for fun...

So guys,siap ke langkah selanjutnya?#Eeh

k then,Two,ke Design>>Edit HTML

Cari kode </style> ,kalau bisa,pakai Ctrl+F supaya memudahkan pencarian

paste di atas kode </style>

Itulah tahap tahapnya.Selamat mencoba! ^0^