Memperlebar Dropdown Menu

Di dalam blogger kita dapat membuat arsip ke dalam suatu data yang tersimpan di dalam blogger dan dapat kita publikasikan dalam bentuk dropdown menu atau hierarki.Ok langsung saja kali ini saya akan mengajari bagaimana memperlebar Dropdown menu.

1. Sign in Blogger

2. Layout

3. Edit HTML


4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Cari kode ini :

<b:includable id='menu' var='data'>

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


<option value=''><data:title/></option>


<b:loop values='data:data' var='i'>


<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>


</b:loop>


</select>


</b:includable>

6. Ganti kode diatas dengan kode ini :

<b:includable id='menu' var='data'>

<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' style='width:100%'>


<option value=''><data:title/></option>


<b:loop values='data:data' var='i'>


<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>


</b:loop>


</select>


</b:includable>

7. Save dan lihat hasilnya.

catatan : Kalian tinggal ubah angka yang ada di kode ini style='width:100%'

Artikel Yang Berhubungan :