Memasang menu bertingkat 2014

langsung saja ni ya. Masuk blogger - template - edit HTML
Letakan kode dibawah ini diatas kode  ]]></b:skin>
Biar cepet klik CTRIL + F dan paste kode diatas

#menubar{
width:852px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#cc0000;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static


Setelah itu, masuk ke layoiut - add widget - pilih HTML
Kemudian paste kode di bawah ini

<div id='menubar'>
<ul>
<li><a href='http://konveksikaosjersey.blogspot.com/'>Home</a></li>
<li><a href='http://konveksikaosjersey.blogspot.com/2014/01/galery-produk-kami.html'>Galery</a></li>
<li><a href='http://konveksikaosjersey.blogspot.com/2014/01/cara-memesan.html'>Cara Memesan</a></li>
<li><a href='#'>Katalog</a>
<ul>
<li><a href='http://konveksikaosjersey.blogspot.com/2014/01/katalog-kaos-jersey.html' target=''>Kaos Jersey</a></li>
<li><a href='http://konveksikaosjersey.blogspot.com/2014/01/jaket-dan-training.html' target=''>Jaket</a></li>
</ul></li>
<li><a href='http://konveksikaosjersey.blogspot.com/2014/01/tentang-r-sport-collection.html'>Company profile</a></li>
<li><a href='http://konveksikaosjersey.blogspot.com/2014/01/contact.html'>Contact</a></li>
</ul>
</div>

Ganti warna merah dengan link website halaman yang anda inginkan. dan ganti warna biru dengan nama link yang anda inginkan.
Setelah itu klik simpan dan lihat hasilnya

Berbagi :