Make Navigation Hover #1

Look this preview! (this tutorial just for designer template!)

setelah di hover, seperti ini : (yang kuberi kotak merah)

Mau? Ikuti perintahku!

• Ke dashboard > tata letak
• Add gadget di bagian bawah header kamu
• HTML/JavaScript dipilih
• Lalu copy kode ini dan paste di kolom html tadi

<style>
a.navi {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:15px;
padding-bottom:5px;
border-top-right-radius:40px;
border-top-left-radius:40px;
width:100px;
text-decoration:none;
font-family:delius;
font-size:13px;
height:20px;
text-transform:uppercase;
color: #000000;
background: #addfff;
text-align:center;
cursor:vertical-text;
}
a.navi:hover{
color: #000000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transform: rotateX(180deg) ;
-moz-transform: rotateX(180deg) ;
-o-transform: rotateX(180deg) ;
-ms-transform: rotateX(180deg) ;
background:#addfff;}
</style>
<center>
<a class="navi" href="URL BLOGMU">Home</a>
<a class="navi" href="URL LAMAN ABOUT">About</a>
<a class="navi" href="URL STUFF">Stuff</a>
<a class="navi" href="URL AFFIES">Linkies</a>
</center>

• Ganti segala macam URL itu sesuai tulisannya
• Kalau mau menambah navigation, hanya tinggal nambah kode :

<a class="navi" href="URLMU">Judul Laman</a>

• Taruh diatas kode </center>
• Klik save!