Daftar Menu Horisontal

Membuat daftar menu horisontal di blog.Seperti kita ketahui daftar menu sangat penting pada sebuah web side, ibarat orang melangkah daftar menu atau istilah lain daftar isi adalah sebagai petunjuk arah dalam sebuah perjalanan.

Okey dech... langsung saja Kang Degleng kasih tip cara paling mudah membuat daftar menu horisontal :

• Tambah widget dibawah header (judul blog) pilih HTML/JavaScript
•  Copy dan paste code dibawah

<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#0958a9;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; 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:#333; color:#fff; 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='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
<li><a href='#'> Menu 6</a></li>
</ul>                     
</div>

•  Ganti # dengan URL tujuan dan warna kuning dengan nama menu dari blog,sobat
• Save