ALT/TEXT GAMBAR PPC Iklan Blogger Indonesia
Loading...

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



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.

0 komentar:

Posting Komentar

Terimakasih sudah berkomentar dengan baik, sopan dan tidak mengandung spam,dimohon untuk tidak meletakan link aktif dalam komentar!!!
Klik Subscribe by email jika ingin mengetahui update komentar pada artikel ini, thank you for visiting

Ttd : Dani Setiadi