Navigate Bar *Like Mine*

credit: Alifnisla

1. Blogger >> Layout/Tata Letak >> HTML/JavaScript

*letak navigate ini di bawah header

2. Copy kode ini, dan paste di copyboard

<style>
.nav a{
background:#DCF0FC;
display:inline-block;
width:105px;
font:10px trebuchet ms;
margin:5px;
border:1px dashed #6AC4E0;
text-align:center;
color:#FFB8B8;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.nav a:hover {
border-radius:10px;
box-shadow: inset 60px 8px 0px 0px #FFDBDC, inset -60px -8px 0px 0px #FFDBDC;
color:#fffeee;
}
</style>

<div class="nav">
<div style="text-align: center;">
<a href="URL LINK">TITLE</a><a href="URL LINK">TITLE</a><a href="URL LINK">TITLE</a><a href="URL LINK">TITLE</a><a href="URL LINK">TITLE</a><a href="URL LINK">TITLE</a>
</div>
</div>

3. Edit sesukamu
4. save ^^