Created (c) by Princexells Seyka (Princelling Saki)

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















Artikel Terkait Lainnya :

DAFTAR ISI BLOG
TRICK BLOG


Tidak ada komentar:

Posting Komentar

 

© Copyright JASA PEMBUATAN WEBSITE 2010 -2011 | Design by Andra Ghotic's Center | Published by Andra Templates | Powered by .