Cara Melebarkan Menu Dropdown

Postingan kali ini saya kan membahas bagaimana Cara Melebarkan Menu Dropdown.
Namun bagi sobat yang sudah memasangnya dan merasa ukurannya kurang pas dengan kolom SideBar sobat.
Sobat bisa mengubah lebarnya dengan cara sebagai berikut :

1. Login ke Blogger

2. Kemudian buka kode Menu Dropdown yang sudah sobat pasang
   Ganti kode yang seperti ini.

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

Menjadi seperti berikut :

<select onChange="document.location.href=this.options[this.selectedIndex].
value;" style="width:180px">

  3.   Jika sobat 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">

ganti angka 180 dengan ukuran SideBar Template sobat.
Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;" style="width:180px">
<option value="0" selected>Label</option>
<option value="http://tiptrikblogger.blogspot.com/search/label/Blogger%20Hack">Blogger Hackr</option>
<option value="http://tiptrikblogger.blogspot.com/search/label/Trik%20Blogger">Trik Blogger</option>
<option value="http://tiptrikblogger.blogspot.com/search/label/Tutorial%20Blog">Tutorial Blog</option>
<option value="http://tiptrikblogger.blogspot.com/search/label/Tutorial%20SEO">Tutorial SEO</option>
</select>

4.   Kemudian SIMPAN.

Cara ini juga bisa dilakukan pada Arsip Dropdown
Caranya sebagai berikut :

1. Masih dalam Dasbor klik Rancangan → Edit HTML
2. Klik tulisan Download Template Lengkap
3. Silahkan Save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
4. Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
5. Kemudian cari kode seperti dibawah :
   Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

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

Ganti kode diatas dengan kode berikut :

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

Ganti angka 180 dengan ukuran Sidebar Template sobat

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.

Selamat mencoba.

 

Sumber : tiptrikblogger

Posted in: Blogger Tutorial , Cara Melebarkan Menu Dropdown