Tutorial : Menu Tab *mine version*

Assalammualaikum..  please don't Re-Tuto / Re-post.

Preview :

Home About Tutorial Freebies Ex-Link

Template :
i.) copy code di bawah dan paste dekat kotak HTML.

Classic Template :
i.) First search code <tbody><tr>
ii.) copy code di bawah dah paste dekat bawah <tbody><tr> yang korang cari tadi.

<style>
.adilla{
width:860px;
background-image:url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQU0tKm-gaux2mEUF6o3fKJX8X0iiMuyIJGvFDXNoNvCDcANGhO);
border-bottom:1px dashed #FFC2D5;
border-top:1px dashed #FFC2D5;
text-align:center;
padding:10px;
display:inline-block;
}
a.eyra{
background:#bfd1fe;
text-decoration:none;
color:#000;
padding:5px;
font:11px 'verdana';
letter-spacing:1px;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:70px;
border-radius:5px;
}
a.eyra:hover{
-webkit-transition-duration: 0.5s;
box-shadow: inset 85px 0 0px 0 pink;
color: #fff;
text-shadow:0px 0px 5px #000;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}
</style>
<center><div class="adilla"><center/><center>
<a class="eyra" href="http://elmoblaster.blogspot.com\" title="about">Home</a>
<a class="eyra" href="http://elmoblaster.blogspot.com" title="about">About</a>
<a class="eyra" href="http://elmoblaster.blogspot.com" title="tuto">Tutorial</a>
<a class="eyra" href="http://elmoblaster.blogspot.com" title="Free">Freebies</a>
<a class="eyra" href="http://elmoblaster.blogspot.com" title="Link">Ex-Link</a>
<a class="eyra" href="https://www.facebook.com" title="Facebook">Facebook</a>
<a class="eyra" href="https://twitter.com" title="tweet">Twitter</a>
<a class="eyra" href="http://web.stagram.com" title="Insta">Instagram</a>
<a class="eyra" href="http://ask.fm" title="ask">Ask Me</a>
</center></center></div></center><br /><div/></div>

---

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

---