Bujang Penesak: Membuat Tab Navigator

Salam fidelovers, gimana coba bikin tab navigator? hehehe ini sya beri tutorialnya untuk membuat TAB NAVIGATION, gambar di bawah adalah contohnya

nah bila fidelover berminat membuat tab ini silahkan sobat ikuti langkah-langkah penyelesaiannya ok..

Login di blog
Kemudian pilih TATA LETAK
Klik EDIT HTML
Masukkan kode dibawah ini tepat di atas kode ]]></b:skin>

.glossymenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto 0 auto; background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-background-1.gif) repeat-x; /*tab background image path*/ height: 46px; list-style: none; } .glossymenu li{ float:left; } .glossymenu li a{ float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 11px; font-weight: bold; padding:0 0 0 16px; /*Jangan Dirubah kode Jarak ini*/ height: 46px; line-height: 46px; text-align: center; cursor: pointer; } .glossymenu li a b{ float: left; display: block; padding: 0 20px 0 8px; } .glossymenu li.current a, .glossymenu li a:hover{ color: #fff; background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kiri.gif) no-repeat; background-position: left; } .glossymenu li.current a b, .glossymenu li a:hover b{ color: #fff; background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kanan.gif) no-repeat right top; }
Kemudian masukkan kode dibawah ini diatas kode <div id='content-wrapper'>

<ul class='glossymenu'> <li class='current'><a href='URL-Blog-Kamu'>Home</a></li>
<li><a href='URL-Link-Tujuan1'>EDIT 1</a></li>
<li><a href='URL-Link-Tujuan1'>EDIT 2</a></li>
<li><a href='URL-Link-Tujuan1'>EDIT 3</a></li>
<li><a href='URL-Link-Tujuan1'>EDIT 4</a></li>
<li><a href='URL-Link-Tujuan1'>EDIT 5</a></li>
<li><a href='URL-Link-Tujuan1'>EDIT 6</a></li>
<li><a href='URL-Link-Tujuan1'>EDIT 7</a></li>
</ul>