Senin, 02 Mei 2011

Mengubah Lebar Arsip Drop Down



 arsip drop down
Apakah anda memasang arsip di blog dengan menggunakan pilihan arsip drop down? sedikit tidak nyaman dengan ukuran lebarnya yang tidak sesuai dengan lebar sidebar? apabila masalahnya hanya seperti itu, anda bisa mengubah lebar dari arsip tersebut sesuai dengan keinginan anda. Emang bisa? ya bisa saja atuh. Ingin tahu caranya? silahkan baca sampai selesai!


Untuk hal yang satu ini, pastikan terlebih dahulu bahwa arsip yang anda gunakan adalah yang berbentuk dropdown. Sudah? yuk 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. Selesai. Silahkan 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. 

sumber : kolom-tutorial

Related Post



0 komentar:

Posting Komentar

sampaikan unek2 anda..di bawah ini..dan nantikan kunjungan saya ke.blog anda...terima kasih kunjungan anda