Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3.Centang EXPAN WIDGET
3. Kemudian cari kode ]]></b:skin>
4. Vaste code css di bawah ini tepat di atas code ]]></b:skin>
#cssmenu ul {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background: #76B3F1 url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}
#cssmenu li {
display:block;
float:left;
margin:0;
padding:0;
}
#cssmenu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}
#cssmenu li a:hover,.current {
color:#fff;
background: #A3BAE6 url(images/bg.png) repeat-x top left;
text-decoration:none;
}
#cssmenu .current a {
color:#fff;
font-weight:700;
}
<div id='cssmenu'>
<ul>
<li class='active '><a href='#'><span>Home</span></a></li>
<li><a href='#'><span>Products</span></a></li>
<li><a href='#'><span>Company</span></a></li>
<li><a href='#'><span>Contact</span></a></li>
</ul>
</div>
Ditulis Oleh : Unknown
Artikel Code Css Skinny Orange Horizontal Menu Blogspot ini ditulis oleh Unknown pada hari . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Code Css Skinny Orange Horizontal Menu Blogspot dapat Anda sampaikan melalui kotak komentar dibawah ini.
Anda sedang membaca artikel tentang Code Css Skinny Orange Horizontal Menu Blogspot dan anda bisa menemukan artikel Code Css Skinny Orange Horizontal Menu Blogspot ini dengan url http://tutorial-onlineku.blogspot.com/2012/10/code-css-skinny-orange-horizontal-menu.html. Anda boleh menyebarluaskan atau mengcopy artikel Code Css Skinny Orange Horizontal Menu Blogspot ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.Tutorial Onlineku | Tutorial Blogspot | Tutorial Blogger | Tutorial Bagi Fomula
Share :
0 Comments
