Cara membuat menu horizontal di blogspot

Tutoral membuat menu horizontal link blogspot, cara membuat menu horizontal pada blog cukuplah mudah, jika kita ingin memasang menu horizontal tersebut perhatikan langkah pembuatanya
jika ingin hasilnya akan seperti ini

• Home
• Menu 1
• Menu 2
• Menu 3
• Menu 4
• Menu 5

Cara pemasanganya 
-Loggin Blogger
-Klik add gatget
-Pilih html/Javascript
-copy code sript di bawah 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='link url'> Menu 1</a></li>
<li><a href='link url'> Menu 2</a></li>
<li><a href='link url'> Menu 3</a></li>
<li><a href='link url'> Menu 4</a></li>
<li><a href='link url'> Menu 5</a></li>
</ul>                    
</div>

Simpan dan lihat hasil kerja sobat
ganti link dengan url blog sobat
ganti menu dengan menu yang diinginkan

Share : Facebook Twitter Google+ Linkedin Technorati Digg

Page Load

Terima kasih telah membaca artikel Maz Dani tentang Cara membuat menu horizontal di blogspot dengan url http://dubraw735.blogspot.com/2012/06/cara-membuat-menu-horizontal-blogspot.html, Semoga Artikel Cara membuat menu horizontal di blogspot bermanfaat bagi diri saya dan anda.