Mengubah Lebar Blog 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 :

Blogspot

• Menambahkan Kolom di Sebelah Kiri Pada Blogspot
• Cara Melebarkan Sidebar Pada Blog
• Cara Menghapus Widget Yang Terkunci
• Cara Membagi 2 Kolom Posting
• Cara Membagi Postingan Menjadi 2 (dua) Kolom
• Followers Meningkatkan Page Rank
• Membuat Link Read More Beserta Judul Postingnya
• Cara Membuat Link Download
• Highlight Author Comment
• Membuat Floating Button di Sisi Blog
• Cara Membuat Headline pada Blogspot