cara membuat menu pada header menggunakan scrip HTML

pertama login blog anda
masuk ke rancangan
edit HTML


copas code berikut..

<style>

/*---------------------------------------------------------------------------------*/

/* CATEGORY MENU */

/*---------------------------------------------------------------------------------*/

#cat-menu { background:#0000FF; height:35px;}

/* category navigation */

.nav { background:#000000;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}

.nav a { position:relative; color:#0000FF; display:block; z-index:100; text-decoration:none; }

.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }

.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }

.nav li a:hover{ background:#0000FF; color:#0000FF; text-decoration:underline;}</style>

<div id='cat-menu'>

<ul class='sf-menu nav' id='cat-nav'>

<li><a href='/'>Home</a></li>

<li><a href='link'> menu </a></li>

<li><a href='link'> menu </a></li>

<li><a href='link'> menu </a></li>

<li><a href='link'> menu </a></li>

</ul>                     

</div>

link masukan link yang anda inginkan

menu ganti dengan nama yang anda inginkan