CSS3 Menu Bar

1. Login pada blog Anda
2. Masuk ke halaman Template
3. Edit HTML lalu Lanjutkan
4. cari kode ]]></b:skin>
5. Copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>

Kode CSS™

nav a::before{
        content: '';
        position: absolute;
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px;
        z-index: -1;
        background-color: #e3e3e3;
        background-image: linear-gradient(top, #e3e3e3, #f7f7f7);
        border-radius: 2px;
        box-shadow: 0 1px 1px rgba(0,0,0,.05) inset;
}

nav a:active::before{
        top: -11px; /* Hey you, don't move! */
}

6. Copy kode di bawah ini dan pastekan di HTML/JavaScript.

Javascript™

<nav>
        <ul>
                <li><a href="http://blog anda">Home</a></li>
                <li><a href="http://blog anda">Categories</a></li>
                <li><a href="http://blog anda">About</a></li>
                <li><a href="http://blog anda">Portfolio</a></li>
                <li><a href="http://blog anda">Contact</a></li>
        </ul>
</nav>

7. Save