Membuat Drop Down Menu untuk Label (Revisi)

saya sempet posting masalah sebelumnya, tetapi kayanya masih banyak yang belum jelas dan bingung.bukan dikarenakan pembacanya yang tidak mengerti tapi mungkin karena saya postingnya kurang jelas kali ya..maka kali ini saya mau merevisi postingan terdahulu dan mudah-mudahan semua yang membaca bisa mengikuti.

oke kita mulai membuat menu Drop Down untuk Label,kalo ada yang masih belum tau apa itu Drop Drown di bawah ini contohnya:

Labels ()




sudah ada bayangan kan,dan kelihatan simpel.sebelum kita memulai kita harus Login dulu ke blogger.com,setelah itu ikuti langkah-lankah berikut :

1. pilih Layout atau Tata Letak
2. di halaman Layout atau Tata Letak pilih Edit HTML
3. Backup terlebih dahulu kode yang ada dengan memilih Download Full Template
4. centang Expand Widget Templates
   
5.  setelah itu cari kode di bawah ini :

 <b:widget id="Label1" locked="false" title="Labels" type="Label">

untuk lebih mudah mencari kode di atas pilih Edit - Find atau tekan Ctrl+F pada keyboard dan ketikkan kode di atas atau Copy Paste di bagian kiri bawah :

 

Hapus Kode dibawah ini:

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

setelah itu Ganti Kode di atas (yang berwarna merah) dengan Kode dibawah ini:

<b:widget id='Label1' locked='false' title='Labels'type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2> </b:if>
<div class='widget-content'>
<br/> <select onchange='location=this.options[this.selectedIndex].value;' style='width:160px'>
<option>Nama_Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select> <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget> 

kode yang berwarna biru dapat anda sesuaikan dengan blog anda misal:
untuk 160 menandakan lebar dari tampilan Drop Down dan Nama_Labels adalah Judul awalnya

oke sudah selesai, sekarang tinggal Save Template
hasilnya dapat anda lihat di side bar pada blog ini



thanks to :bloggeruniversity