Pada nomor 3 terdapat tulisan MENU BAR AKTIF. Maka, itulah yang akan kita kerjakan sekarang. Namun sebelum kita kerjakan, gue mau berbagi sedikit hal, yang gue kasih kode ini adalah kode yang paling ampuh dan aktif dalam menu bar. Karna sebelumnya gue udah obrak-abrik google namun banyak yang tidak sesuai dengan keinginan kita nantinya disaat pengeditan. Oke,tanpa perlu panjang lebar, mari kita ikuti tutorialnya .



Sahabat, proses pengerjaannya sebenarnya sama saja seperti tutorial sebelumnya mengenai ANIMASI TWITTER. Buat kamu yang belum baca ataupun kamu lupa, silahkan klik disini .

setelah ini, Copy pastekan ke HTML/SCRIPT kode dibawah ini :

<style type="text/css">
    #subnavbar {
                background: #FFCC99;
                width: auto;
                height: 29px;
                color: #fff;
                margin: 0 10px 0 10px;
                padding: 0;
                font-weight: bold;
                border: 1px solid #FFFFFF;
    }
    #subnav {
                margin: 0;
                padding: 0;
    }
    #subnav ul {
                float: left;
                list-style: none;
                margin: 0;
                padding: 0;
    }
    #subnav li {
                list-style: none;
                margin: 0;
                padding: 0;
    }
    #subnav li a, #subnav li a:link, #subnav li a:visited {
                color: #fff;
                display: block;
                font-size: 12px;
                font-weight: bold;
                text-transform: none;
                margin: 0 5px 0 0;
                padding: 6px 13px;
    }
    #subnav li a:hover, #subnav li a:active {
                background: #FFFFFF;
                color: red;
                display: block;
                text-decoration: none;
                margin: 0 5px 0 0;
                padding: 6px 13px;
    }
    #subnav li li a, #subnav li li a:link, #subnav li li a:visited {
                background: #FFCC99;
                width: 140px;
                float: none;
                margin: 0;
                padding: 6px 10px;
    }
    #subnav li li a:hover, #subnav li li a:active {
                background: #FFFFFF;
                margin: 0;
                padding: 6px 10px;
    }
    #subnav li {
                float: left;
                padding: 0;
    }
    #subnav li ul {
                z-index: 9999;
                position: absolute;
                left: -999em;
                height: auto;
                width: 160px;
                margin: 0;
                padding: 0;
    }
    #subnav li ul a {
                width: 140px;
    }
    #subnav li ul ul {
                margin: -25px 0 0 161px;
    }
    #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
                left: -999em;
    }
    #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
                left: auto;
    }
    #subnav li:hover, #subnav li.sfhover {
                position: static;
    }
</style>
<div id='subnavbar'>
<ul id='subnav'>

<li><a href='http://Reverbnation.com/siianeukbunda'>Musikku</a></li>

<li><a href='#'>My Official Website</a>
<ul><li><a href='http://www.facebook.com/yusriadi.adi'>Facebook</a></li><li><a href='https://twitter.com/ady_watachi'>Twitter</a></li></ul>
</li>
</ul>
</div>

Catatan :

Kode berwarna merah : itu link yang bakal kalian isi sesuka hati
Kode berwarna biru : berfungsi sebagai nama link yang bakal dituju


Sippp...
Dan Selesailah blog kamu dengan MENU BAR