Membuat Menu Dropdown

Membuat Menu Dropdown
Nah kalo ada yg pengen buat menu kayak dikiri blog gw..bisa kok...

Yg penting bnr caranya..(y..ialah)...

sblmnya...terima kasih buat blognya Kang Rohman di kolom-tutorial.blogspot.com
gunanya y...antara lain biar bisa ngatur posting kita,supaya gak brantakan n pembaca jg gmpng nyarinya...

nah lngsung aja y....



Pertama


-Sign in



-Tata Letak



-Edit HTML



-Download Full Template,gunanya jaga2 kalo seandainya eror,bisa dikembaliin



-Beri centang pada Expand Widget Templates



-Cari Code  <title><data:blog.pageTitle/></title>




-Masukan Code berikut


<script>
var last_expanded = '';
function showHide(id)
{
var obj = document.getElementById(id);
var status = obj.className;
if (status == 'hide') {
if (last_expanded != '') {
var last_obj = document.getElementById(last_expanded);
last_obj.className = 'hide';
}
obj.className = 'show';
last_expanded = id;
} else {
obj.className = 'hide';
}
}

</script>






-Cari Code ]]></b:skin>



-Masukan code ini diatasnya



.ogah{

text-align:center;
width:90%;
font-family: georgia, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom: 10px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
}

.ogahniye{

text-align:center;
width:90%;
font-family: georgia, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
padding-top:13px;
padding-bottom: 10px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
}

.hide{
display: none;
}

.show{
display: block;
}


a{cursor: hand}



-Save

 Kedua

-Elemen Halaman




-Tambah Gadget





-Pilih  HTML/JavaScrip




-Masukan code


<a class="ogah" onclick="showHide('ogahku1')">Menu utama 1</a>
<div id="ogahku1" class="hide">
<a href="#" class="ogahniye">Link 1 di sini</a>>
<a href="#" class="ogahniye">Link 2 di sini</a>
<a href="#" class="ogahniye">Link 3 di sini</a>
<a href="#" class="ogahniye">Link 4 di sini</a>
</div>
<a class="ogah" onclick="showHide('ogahku2')">Menu utama 2 </a>
<div id="ogahku2" class="hide">
<a href="#" class="ogahniye">Link 1 di sini</a>
<a href="#" class="ogahniye">Link 2 di sini</a>
<a href="#" class="ogahniye">Link 3 di sini</a>
<a href="#" class="ogahniye">Link 4 di sini</a>
</div>
<a class="ogah" onclick="showHide('ogahku3')">Menu utama 3 </a>
<div id="ogahku3" class="hide">
<a href="#" class="ogahniye">Link 1 di sini</a>
<a href="#" class="ogahniye">Link 2 di sini</a>
<a href="#" class="ogahniye">Link 3 di sini</a>
<a href="#" class="ogahniye">Link 4 di sini</a>
</div>
<a class="ogah" onclick="showHide('ogahku4')">Menu utama 4 </a>
<div id="ogahku4" class="hide">
<a href="#" class="ogahniye">Link 1 di sini</a>
<a href="#" class="ogahniye">Link 2 di sini</a>
<a href="#" class="ogahniye">Link 3 di sini</a>
<a href="#" class="ogahniye">Link 4 di sini</a>
</div>


-Save


-Letakkan ditempat yg diinginkan


-Save



ganti   #   dengan URL yg diinginkan,



URL tau kan......

Itu loh...URL itu saat terbitkan entri,ke edit entri,lalu klik kanan pada tulisan lihat ,udah deh lu copas,gantiin   #



bisa kan.....


msih gak bisa....???


NANYA.....!!!!