Cara membuat menu dan submenu navigasi di blog

HakHuk - CARA MEMBUAT MENU DAN SUBMENU NAVIGASI DI BLOG

Submenu itu adalah menu uraian dari menu induk.Sebenarnya sangat mudah untuk membuat menu navigasi ini, anda hanya perlu menampilkan elemen laman dan selanjutnya membuat laman-laman baru. Menu-menu ini bisa ditampilkan di sidebar juga, namun idealnya menu navigasi dipasang di bagian atas dekat header.

Berikut cara membuat Menu Navigasi.

1. Masuk pada bagian Template dan klik Edit Template.

2. Gunakan tombol ctrl+F dan carilah kode ]]></b:skin>.

3. Letakan kode berikut tepat di atas kode ]]></b:skin>.

.tabs-inner .widget li ul {
z-index: 100; position: absolute;
left: -999em; height: auto; margin: 0; padding: 0;
border: 1px solid #999999;
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a,
.tabs-inner .widget li ul li:first-child a {
-moz-border-radius: 0px; -webkit-border-radius: 0px;
-goog-ms-border-radius: 0px; border-radius: 0px;
}

.tabs-inner .widget li:hover ul, .tabs-inner .widget li.sfhover ul {
left: auto;
}

.tabs-inner .widget li li a:hover, .tabs-inner .widget li li a:active {
color: #ffffff; background: rgb(51, 102, 153);
}

.tabs-inner .widget li ul a {
display: block; padding-left: 1.25em; padding-right: 1.25em;
margin-left: 0px; margin-right: 0px; border: none;
color: #000000; background: rgb(243, 244, 246);
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a {
width: 250px;
}

4. Gunakan tombol ctrl+F dan carilah kode <li><a expr:href='data:link.href'><data:link.title/></a></li>. Kemudian perhatikan kode-kode yang berada beberapa baris di bawahnya, terdapat kode <b:/loop>. Letakan kode berikut tepat di bawah kode <b:/loop>.

<ul>

</ul>

</li>

Ganti http://fadil76.blogspot.com/ dengan alamat url blog anda (url label,laman,dan sebagainya )

ganti Menu1 dan Sub Menu 1-3 dengan menu yg anda inginkan "misal Software atau apalah".