Mengganti Ukuran Lebar Menu Dropdown

Posted by Herman on Tuesday, March 10, 2009 7 comments

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...


Recent Posts:

7 comments

Ichal said... 13 September, 2009
Terimna kasih kang herman...

sukses teyuz yUa!!! :)
korean drama blog said... 19 May, 2010
teman datang berkunjung,
dari kemarin saya udah suka ma desain blog mas, boleh ditiru gak mas desain blognya coz bagus banget templatenya. . hehe
Anonymous said... 14 November, 2010
kode dropdown ntu apaan..?
4w1 said... 16 December, 2011
terimakasih bro, salam kenal
Hendri Prastio Kurniawan said... 20 May, 2012
menu drop down menjadikan blog lebih simple n mantap..
asmawi cuma said... 17 December, 2012
180 tu ukuran mm,ap cm
fikri ashsiddiqi said... 06 March, 2013
terimakasihh gannn sangat bermanfaat

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Post a Comment