Home » » Mengubah Lebar Blog Arsip Drop Down
| 2 komentar ]

 arsip drop down
Topik kita hari ini adalah bagaimana mengubah lebar blog arsip drop down pada blog. Jika anda memasang arsip drop down pada blog anda, mungkin anda kurang nyaman dengan ukuran lebarnya yang tidak sesuai dengan lebar sidebar. Untuk mengubah lebar arsip tersebut aga sesuai dengan sidebar silahkan ikuti langkah-langkahnya!

Pertama-tama anda harus pastikan terlebih dahulu bahwa arsip yang anda gunakan adalah yang berbentuk dropdown. Sudah? mari kita mulai saja.

  1. Login ke blogger dengan ID anda.

  2. Klik Tata Letak.

  3. Klik tab Edit HTML.

  4. Klik pada tulisan Download Template Lengkap di bagian sebelah atas monitor. Silahkan di Backup dulu templatenya (sangat penting).

  5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.






  6. Tunggu beberapa saat sampai proses selesai.

  7. Cari kode yang seperti di bawah 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>





  8. Hapus kode diatas, lalu ganti dengan kode kode di bawah 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>





  9. Klik tombol Simpan Template.

  10. Dan Lihat Hasilnya


Sebenarnya langkah di atas adalah hanya menambahkan kode style='width:100%' pada menu dropdown yang sudah ada, tentunya nilai style='width:100%' bisa di ganti dengan nilai yang lainnya.

selamat mencoba!



Share |

Artikel Terkait :



2 komentar

puluth® mengatakan... @ 9 Maret 2011 10.29

Thanks Gan

doni mengatakan... @ 26 Mei 2015 23.09

terimakasih infonya,,

Poskan Komentar

Recent Reader

GET UPDATE VIA EMAIL
Dapatkan artikel terbaru langsung ke email anda!