Cara Buat Menu Horizontal di Blog

Pagi gan... kali ini mau coba sharing tuk masalah buat menu horizontal gan, biasanya di taruh dibagian atas.. Dari pada lama-lama ane langsung sharing aja ya gan...

cara nya :

1. Login dah ke blog trus pilih edit Template -->
2. Trus pilih Add Gadget dan pilih HTML/JavaScript
3. Copy paste kan Script dibawah ini

<style>
/*---------------------------------------------------------------------------------*/

/* CATEGORY MENU */

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

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

/* category navigation */

.nav { background:#f5f5f5;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='Alamat Link'>Nama Menu</a></li>

<li><a href='Alamat Link'>Nama Menu</a></li>

<li><a href='http://daingkiki.blogspot.com/'>Sepkiansyah</a></li>

</ul>                     

</div>

Kalu udah jangan lupa gan.. ganti dah warna merah dengan alamat link ente dan warna biru dengan nama yang mau di tampilkan.,,
kalu udah ente save dan cek deh gan... heheee
Selamat ngeblog... hehee

Artikel Terkait: