Membuat kategori label menjadi dropdown di blog

Terima kasih atas kunjungannya di erbesar.blogspot.com. Kali ini saya akan memberikan tips “Membuat kategori label menjadi dropdown di blog”. Ok langsung aja ke bagai mana caranya, semoga berhasil yaa....

1. Masuk ke Blogger
2. Klik Template
3. Edit HTML
4. Klik kolom HTML, klik CTRL + F tulis di kolom search ''Label1''
5. Lalu klik Expand Template Widget lihat gambar
NOTE : Klik Expand Template Widget lagi lihat pada gambar, untuk memunculkan semua kode Label1

6. Cari kode dibawah ini, dan hapus semuanya....



<b:widget id='Label1' locked='false' title='Tags' type='Label'>
     <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <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>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <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>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
</b:includable>
   </b:widget>

7. Lalu Ganti Kodenya dengan Kode dibawah ini...

<b:widget id='Label1' locked='false' title='Categories' type='Label'>
 <b:includable id='main'> <b:if cond='data:title'>
<h3><data:title/></h3> </b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> <option>Categories</option>
<b:loop values='data:labels' var='label'> <option expr:value='data:label.url'>
<data:label.name/> (<data:label.count/>) </option> </b:loop> </select></div> </b:includable>
</b:widget>

8. Sebelum di simpan, klik pratinjau dulu agar memastikan sudah benar atau belum.

Good Luck...!!!!