Tutorial Menu Tab Like Me

Assalamualaikum and annyeong! Hari ni nak buat tutorial. Someone request. Nampak tak manutab Bieha yang bawah header tu? Tak nampak? Esok belilah cermin mata berkanta 10 ye :3

NO RE-TUTORIAL, NO RE-POST

Tengok bawah ni:

Klik untuk tumbesaran

Let's start!

1. Macam biasa log-in blogger--->Layout--->Then tekan add gadget yang berada di bawah header. Yang ni:

Klik untuk tumbesaran

2. Pilih HTML/JAVASCRIPT then copy kod2 bawah ni dan paste dekat HTML/JAVASCRIPT tadi.

<style>
.menutab{
padding:10px;
display: inline-block;
font:10px Verdana;
text-align:center;
color: #000;
letter-spacing:2px;
-webkit-transition-duration:0.5s;
background: #FF8C8C;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
text-decoration: none;
text-transform: uppercase;
}
.menutab:hover{
background:#000;
-webkit-transition-duration:0.5s;
color:#FF8C8C;
text-decoration: none;
}
</style>
<center>
<a class="menutab"  href="YOUR LINK" title="">YOUR TITLE</a>
<a class="menutab"  href="YOUR LINK" title="">YOUR TITLE</a>
<a class="menutab"  href="YOUR LINK" title="">YOUR TITLE</a>
<a class="menutab"  href="YOUR LINK" title="">YOUR TITLE</a>
<a class="menutab"  href="YOUR LINK" title="">YOUR TITLE</a>
</center>

+ Warna tulisan

+ Warna background

+ Link yang korang nak letak

+ Title menubar korang

Kod warna boleh ambil di SINI

Harap-harap korang faham lah ye :D