GRATIS Panduan ECourse Cara Membuat Landing Page 2023 bersama Agungnesia Klik Disini

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

Posting Komentar untuk "Memasang menu bertingkat 2014"