Senin, 29 Agustus 2011

Mengganti Ukuran Lebar Menu Dropdown

Postingan ini masih berhubungan dengan postingan sebelumnya yaitu tentang menu dropdown. Pada postingan sebelumnya sudah saya bahas tentang cara membuat menu dropdown yang tampillannya seperti ini:



Namun bagi anda yang sudah memasangnya dan merasa ukurannya kurang pas dengan kolom sidebar anda. Anda bisa mengubah lebarnya dengan cara berikut.

1. Buka kode menu dropdown yang sudah anda pasang
2. Ganti kode yang berikut ini

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
menjadi

<select onChange="document.location.href=this.options[this.selectedIndex].
value;" style="width:180px">
Jika anda menggunakan menu dropdown pada halaman baru maka ganti kode

<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">
menjadi

<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);" style="width:180px">

Silahkan ganti angka 180 sesuai dengan ukuran sidebar template anda.

Jika sudah klik Save. Selesai

Cara ini juga bisa dilakukan pada arsip dropdown. Caranya:

1. Klik Design -> Edit HTML

2. Beri centang pada "Expand Template Widget"

3. Cari kode berikut:

<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>

4. Ganti kode diatas dengan kode yang dibawah ini

<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' style='width:180px'>

Ganti angka 180 sesuai ukuran sidebar template anda

5. Klik Save Template.

6. Selesai. Selamat mencoba.