Tutorial #4 : Simple Navigation Bar

Assalamualikum , hai guys . Okey tadi ada 2 org tanya macam mana nak buat Manu Tab mcm Miza nie kan ? Act Miza pun baru balajar dari kawan2 yang lain . Jadi di sebabkan Miza adalah sedikit pengetahuan jadi why not kita share kan ? Tak susah just kena bersabar , okey ;)

HOME | CHATING BOX itu yang Miza nak tunjuk macam mana nak buat hari ini . Okey geng :)

1 . Dashboard > Layout > Add A Gadget > HTML/JavaScript
2. Copy code bawah nie dan paste di HTML/JavaScript

<style>a.nav{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:5px;
display:inline-block;
text-align:center;
background: #eee;
color:#000;
width:90px;
padding:4px;
font: 13px Franklin Gothic Demi Cond;}

a.nav:hover{
color: #fff;
background:  #EBD6FF;
-moz-box-shadow: inset 0 0 5px 5px #EBD6FF;
-webkit-box-shadow: inset 0 0 30px 30px #EBD6FF;
box-shadow: inset 0 0 30px 30px #EBD6FF;}</style>

<div style="background: #CAC7D9; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff;"/><center>
<a class="nav" href="URL/LINK">WORD</a>
<a class="nav" href="URL/LINK">PERKATAAN</a>
<a class="nav" href="URL/LINK">PERKATAAN</a>
<a class="nav" href="URL/LINK">PERKATAAN</a>
</center></div>

Tulisan warna KUNING tu untuk warna kotak yang korang nak .
Tulisan warna MERAH tu untuk background belakang dia . Kalau korang nak transparent just type #Transparent . Okey ;) 
Kalau nak tambah tab , just copy code ini and paste bawah yg lain :

<a class="nav" href="URL/LINK">WORD</a>

Okey sudah siap :) . Semoga berjaya , buat dengan berhati2 okey . Kalau ada masalah just bagitahu Miza :) .

Lot Of Memory from Me For You ,

Miza Ahmad.