Cara Membuat Menu Drop Down

Drop Down Menu

Salam Blogger!

Pada hari Riefsaz Blog akan memberitahu bagaimana cara membuat widget Menu Drop Down seperti gambar yang anda lihat, Widget ini hanya satu baru tetapi ketika kita mengkliknya maka kan tampak daftar link yang sudah anda ganti, caranya sangatlah mudah perhatikan panduannya di bawah ini :

1.Login ke Blogger

2.Pilih Rancangan-Edit HTML

3.Centang  (√)  Expand Template Widget.

  Jangan lupa Save dahulu tamplate anda - untuk jaga-jaga.

4.Kalau sudah, Anda cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> lalu Copast kode dibawah ini setelah kode tersebut.

<b:widget id='Label1' locked='false' title='Categories' type='Label'> 
<b:includable id='main'> 
<b:if cond='data:title'> 
<h2><data:title/></h2> 
</b:if> 
<div class='widget-content'> 
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> 
<option>Click To Choose a Category</option> 
<b:loop values='data:labels' var='label'> 
<option expr:value='data:label.url'><data:label.name/> 
(<data:label.count/>) 
</option> 
</b:loop> 
</select> 
<b:include name='quickedit'/> 
</div> 
</b:includable> 
</b:widget>

C O D E

Keterangan

1. Jika Anda ingin mengubah lebar dari menu drop down kemudian mengubah lebar nilai: 100% untuk setiap persentase, atau pixel (px).
2. Untuk mengubah kalimat "Klik Untuk Pilih Kategori" kemudian menggantinya dengan kalimat pilihan Anda.
3. Jika Anda tidak ingin menampilkan jumlah posting pada akhir tiap label kemudian hapus baris ini (<data:label.count/>).