Navigation Bar Berbackground

<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/bbipa.png);
border-bottom:5px solid #FFEEEE;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}

a.jieun{
background:#FFEEEE;
text-decoration:none;
color:#FFBBBB;
padding:5px;
font:11px arial;
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:60px;}

a.jieun:hover{background:#FFBBBB;
color:#fff;
</style>
<div class="hyosung">
<a class="jieun" href="LINK">ABOUT</a>
<a class="jieun" href="LINK">TUTO</a>
<a class="jieun" href="LINK">LINKIES</a>
<a class="jieun" href="LINK">FREEBIES</a>
<a class="jieun" href="LINK">BANNER</a>
</div>

1. Edit code diatas disini dahulu http://htmledit.squarefree.com/
2. Dah selesai,paste semua code tadi di HTML/GADGET
3. JIKA mahu tambahkan tab di NAVIGATION.hanya perlu tambahkan <a class="jieun" href="LINK">BANNER</a> sebelum </div>
   
   
   PERHATIAN
   tukarkan mengikut kesesuian anda ayat yang telah diwarnakan
   MERAH - CODE WARNA (CARI DISINI)
   PURPLE - URL IMAGE/BACKGROUND
   KUNING - SIZE (mengikut kesesuaian)
   BIRU - LINK PAGE/DASHBOARD DLL(mengikut anda)
   HIJAU - AYAT NAK DILETAKKAN DI NAVIGATION
   
   

   credit: wanaseoby