Hierarchy.jpg
Flat-list.jpg
dropdown-menu.jpg
Bila anda memilih opsi Dropdown menu dan diterapkan pada sidebar yang lebarnya 200px atau mungkin lebih, akan terlihat ruang kosong yang kurang sedap untuk dilihat, apalagi bila anda seseorang yang perfeksionis dalam hal tampilan web, namun kurang paham kode XML pada blogspot. Pastinya akan membuat anda pusing dan akan bekerja keras untuk mencari solusinya agar tampilan dropdown menu sesuai dengan keinginan.
Mari kita mencoba dan memulainya dengan melihat source code halaman blog. Cukup dengan menekan Ctrl + U pada keyboard, dan kita akan melihat struktur rangkaian kode html blogspot.
Masih pada halaman Source code, tekan tombol Ctrl + F pada keyboard, isi kolom find dengan title arsip blogspot anda. Sebagai contoh, saya mengisikan dengan title ' archives ' pada blog saya.
Source-code.jpg
Bila diperhatikan pada gambar diatas, selektor Archive dengan opsi tampilan dropdown menu dibentuk dengan penggunaan tag <option> , namun masih dalam ukuran value lebar standar ( default ). Berarti kita harus menambahkan secara manual lebar arsip tersebut dengan menambahkan kode CSS pada halaman HTML template blogspot.
Kode CSS
Silahkan anda login ke draft blogger » Design » Edit HTML.
Carilah kode </b:skin> pada halaman template HTML anda. dan berikan sedikit ruang kosong diatas dari kode </b:skin>, karena kita akan menyisipkan kode CSS " OPTION " pada ruang kosong tersebut. Kode CSS yang akan kita gunakan adalah sebagai berikut :
<!-- Modifikasi lebar dropdownmenu arsip blogspot
option {width: 250px;}
-->
Keterangan : anda cukup mengganti value "250px" sesuai dengan lebar sidebar blogspot anda.
Contoh gambar :
Lakukan pengecekan terlebih dahulu dengan menekan opsi "PRIVIEW" . Apabila sudah sesuai dengan keinginan, silahkan SAVE TEMPLATE anda.
Semoga bermanfaat.
