❤ ♡ ♥ YanG TeRiNdaH ❤ ♡ ♥: TUTORIAL : BUAT TAB MENU MACAM SAYA

Kalau kita sentuh atau click/hover menu tab ini akan jadi macam ini

1. Dashboard > Template > Edit Html

2. Cari kod ini (CTRL + F di keyboard untuk memudahkan pencarian) :

]]></b:skin>

3. Kemudian copy pula kod di bawah ini :

a.menutab {
background:url(URL BACKGROUND IMAGE);
display: inline-block;
font: normal 10px 'Lucida Sans Unicode', Lucida Grande, sans-serif;
color: #000;
border: 2px solid #eee;
display: inline-block;
letter-spacing: 1px;
margin: 0 2px 0 0;
padding: 4px 9px;
text-transform: uppercase;
}
a.menutab:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #ccc;
background:#e23767;
color:#fff;
}

ABC - Tukar warna hover menu tab . boleh refer sini utk kod warna HTML CODE

4. Paste kod tersebut di atas atau sebelum kod ]]></b:skin>

5. Tekan preview, dan kalau tak ada error boleh save.

6. Kemudian pergi Layout > Add gadget > HTML/Javascript

7. Copy code di bawah ini dan pastekan di dalam HTML/Javascript

<center>
<a class="menutab" href="URL LINK">NAMA TAB</a>
<a class="menutab" href="URL LINK">NAMA TAB</a>
<a class="menutab" href="URL LINK">NAMA TAB</a>
<a class="menutab" href="URL LINK">NAMA TAB</a>
<a class="menutab" href="URL LINK">NAMA TAB</a>
</center>