Home » » Cara Merubah Ukuran Menu Drop Down Di Blog

Cara Merubah Ukuran Menu Drop Down Di Blog

AbahVsan | 01.20 | 0 comments

Postingan Blog Tips and Trick kali ini masih ada hubungannya dengan postingan saya sebelumnya, yaitu tentang cara membuat menu Drop down. bila anda telah mempraktekkan tips tersebut atau anda telah membuat sebuah menu Drop down tapi anda merasa adanya kekurangan pada menu tersebut, yaitu mengenai ukurannya. karena pada tips membuat menu drop down sebelumnya Lebar menu tersebut hanya mengikuti sesuai panjangnya tulisan anda.

Untuk menentukan ukuran dari sebuah menu drop down tersebut, caranya adalah sebagai berikut.

1. Bila anda telah membuat menu drop down sebelumnya. silahkan anda ganti kode dibawah 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">

2. Bika anda telah membuat sebuah menu drop down yang anda pasang pada side bar blog anda, misalnya menu drop down tersebut anda gunakan untuk blog archieve.maka yang perlu anda lakukan adalah, anda masuk ke menu tata letak kemudian anda masuk ke menu edit HTML. jangan lupa kasih tanda centang pada kotak "Expand Template Widget". setelah itu anda cari kode dibawah ini.

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

3. Ganti kode diatas tersebut dengan kode di bawah ini.
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' style='width:180px'>

4. Klik simpan/save template
5. Selesai.
Catatan : Tulisan yang dicetak tebal dan berwarna kuning pada kode di atas, yaitu untuk ukuran lebar dari menu drop down tersebut.silahkan anda ganti sesuai dengan yang anda inginkan. saya harap semoga bermanfaat postingan saya tentang cara merubah ukuran menu drop down kali ini. salam blogger mania.
Share this article :

0 comments:

Poskan Komentar

Jangan Lupa Komentarnya Ya !

 
Support : Khiansantang | TipsTrikBlogger | Mas Template
Copyright © 2011. BALE-BALE PALUPUH - All Rights Reserved
Template Modify by Abahvsan
Proudly powered by Blogger