Melebarkan DropDown Menu Blog Archives Blogspot
Jika anda mempunyai blog dan anda menggunakan blogger atau blogspot miliknya Google, anda pasti tahu apa itu Blog Archive atau sering disebut juga dengan Arsip Blog. Biasanya Blog Archive diletakan di sidebar.
Blog Archive bisa anda temukan pada menu Edit Layout -> Page Elements seperti ini:
Jika anda klik Edit, ada 3 style yang bisa anda dipilh untuk Blog Archive seperti ini:
salah satunya adalah DropDown Menu saya beri kotak merah. Jika anda memilih style DropDown Menu maka tampilan Blog Archive di sidebar blog anda akan seperti ini:
Coba anda perhatikan bahwa ukuran DropDown Menu-nya tidak selebar sidebar yang ada, ini sangat tidak enak dipandang dari segi estetika template. Nah… bagaimana jika DropDown Menu dibuat menjadi selebar ukuran sidebar seperti ini? Kan menjadi lebih bagus kan?
Nah… untuk melebarkan DropDown Menu agar ukuran lebarnya disesuaikan dengan lebar sidebar template anda cara sbb:
Langkah pertama:
Buka template blogspot anda, perhatikan kotak merah gambar dibawah ini -> Edit HTML
setelah itu centang pada kotak kecil Expand Widget Templates seperti gambar dibawah ini:
Langkah kedua:
Carilah code seperti dibawah ini (warna biru):
<b:includable id=’menu’ var=’data’>
<select expr:id=’data:widget.instanceId + "_ArchiveMenu"’>
<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>
Sudah ketemu? Anda dapat gunakan CTRL + F untuk mempermudah pencarian code dibawah. Coba CTRL + F, masukkan _ArchiveMenu, gampangkan?
Jika sudah ketemu gantilah code diatas dengan code dibawah ini (warna merah):
<b:includable id=’menu’ var=’data’>
<select expr:id=’data:widget.instanceId + "_ArchiveMenu"’ 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>
Simpanlah template anda dengan klik SAVE TEMPLATE.
SELESAI
