Tutorial Tab Menu yang simple (rotate)

1. Dashboard --> Add a Layout ---> Edit HTML / Javascript

2. Copy kod di bawah ni dan pastekan dalam kotak edit html / javascript ..

<style>
rotate {
font-family: calibri;
letter-spacing: 1px;
font-size: 11px;
line-height: 13px;
display: inline-block;
background: #eee;
border: 2px solid pink;
color: #0080ff ;
width: 110px;
padding: 5px;
margin: 1px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
rotate:hover {
font-family: calibri;
letter-spacing: 1px;
font-size: 11px;
line-height: 13px;
display: inline-block;
background: pink ;
border: 2px solid white;
 color: #fff;
-webkit-transform: rotate(180deg) scale(1);
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    }
</style>
<center>
<a href="http://editblogcomel.blogspot.com/"><rotate>Home</rotate></a>
<a href="http://editblogcomel.blogspot.com/p/islam_3.html"><rotate>Islam</rotate></a>
<a href="http://editblogcomel.blogspot.com/p/utorials.html"><rotate>Story Santai</rotate></a>
<a href="http://editblogcomel.blogspot.com/p/tutorials.html"><rotate>Tutorials</rotate></a>
<a href="http://editblogcomel.blogspot.com/p/braces.html"><rotate>All bout d Braces</rotate></a>
</center> 

3. Save dan lihat hasilnya....

note :
tulisan kaler oren - tukar dengan link korang
tulisan kaler purple  - tukar ikut kreativiti korang

nak tab menu kaler lain : adjust kod warna sendiri =)

tambah tab menu?
just tambah kod ni sebelum </center>

<a href="link pages korang"><rotate>nama</rotate></a>

kalau nak delete, just delete

<a href="link pages korang"><rotate>nama</rotate></a>

btw, ni sambungan tutor untuk dapatkan link pages korang .... ----> tutor link tab menu

p/s : goodluck! =)