Alhamdulillah akhirnye ane bisa mosting lg .. makasi ya Rabb .. tutorial kali ini adalah membuat submenu pada blog ! contohnye

langsung dah ga useh banyak bacot cot !!

1. login dan masuk ke rancangan lalu Edit HTML
2. centang Expand Template Widget, lalu lalu cari ]]> dengan pencet F3
3. pastekan script berikut tepat diatas ]]>

/* ----- NAVBAR MENU ----- */ #NavbarMenu { width: 875px; height: 35px; background:#FF6600 url(http://i802.photobucket.com/albums/yy308/penerjemah/navbar-hitam.png) repeat-x top; color: #ffffff margin: 0 auto 0; padding: 0; font: bold 11px Arial, Tahoma, Verdana; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #NavbarMenuleft { width: 680px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { color: #808080; display: block; text-transform: capitalize; margin: 0; padding: 9px 15px 8px; font: normal 15px Josefin Slab, Gruppo; } #nav li a:hover, #nav li a:active { background:#FF6600; color: #808080; margin: 0; padding: 9px 15px 8px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff url(http://i802.photobucket.com/albums/yy308/penerjemah/navbar-hitam.png) repeat-x top; width: 150px; color: #ffffff; text-transform: lowercase; float: none; margin: 0; padding: 7px 10px; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; font: normal 14px Inconsolata, Josefin Slab; } #nav li li a:hover, #nav li li a:active { background: #FF6600; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }

5. pergi ke rancangan, pilih tambah elemen tepat di bawah header, pilih HTML/Java Script
6. pastekan script berikut

<div id="navbarmenu"> <div id="navbarmenuleft"> <ul id="nav"> <li><a href="URL BERANDA ENTE">Beranda</a></li> <li><a href="URL MENU 1">MENU 1</a> <ul> <li><a href="URL SUB MENU 1"> SUB MENU 1</a></li> <li><a href="URL SUB MENU 1.2"> SUB MENU 1.2</a></li> </ul> </li><li><a href="URL MENU 2">MENU 2</a> <ul> <li><a href="URL SUB MENU 2"> SUB MENU 2</a></li> <li><a href="URL SUB MENU 2.2"> SUB MENU 2.2</a></li> </ul> </li></ul></div> </div> <!-- end navbar -->

mudah kan??

oie .. kalo mao nambahin menu tanpa submenu caranye:
1. pergi ke rancangan, klik edit HTML/javascript di bawah header
2. cari script

</li></ul></div>
</div> <!-- end navbar -->

3. kopi script berikut tepat di atasnye:

</li><li><a href="URL MENU">MENU</a>

sementara kalo pengen nambahin submenu caranye:
1. pergi ke rancangan, klik edit HTML/javascript di bawah header
2. cari script menu yang ingin di tambain sub menu (ribet gue ngemengnye)
    mis: </li><li><a href="URL MENU">MENU</a>   (itu contoh script menu yang ingin ditambahkan submenunye)
3. kopi script berikut di atasnye

<li><a href="URL SUB MENU 2"> SUB MENU 2</a></li> <li><a href="URL SUB MENU 2.2"> SUB MENU 2.2</a></li> </ul>

jika ingin menambahkan menu dan submenunye caranye adalah gabungan dari kedua cara tersebut
1. pergi ke rancangan, klik edit HTML/javascript di bawah header
2. cari script

</li></ul></div>
</div> <!-- end navbar -->

3. kopi script berikut tepat di atasnye:

<li><a href="URL MENU">MENU</a> <ul> <li><a href="URL SUB MENU 1"> SUB MENU 1</a></li> <li><a href="URL SUB MENU 2"> SUB MENU 2</a></li> </ul>

okeh selese ..
selamat mencubi !