Membuat Labels Dropdown Pada Blog

Ketika kita membuat label/kategori pada postingan kita hanya 5-10 mungkin tidak menjadi masalah, bagaimana jika ada 20-30 labels yang kita buat? Tentunya ini akan membuat menu kategori kita tersusun panjang ke bawah dan memakan tempat di sidebar.

Lihat gambar di bawah ini



Berikut langkah-langkah membuatnya:
1. Login ke account blogger kamu

2. Masuk ke Layout > Edit Html dan centang expand widget (jangan lupa untuk mendowload full template kamu dulu)

3. Cari kode berikut

<ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>

Note: Jika agak susah untuk mencarinya tinggal pencet saja F3 lalu pada kotak Find copypaste kode berikut: (<data:label.count/>) lalu klik next.

4. Jika sudah ketemu ganti seluruh kode diatas dengan kode dibawah ini:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Select a label</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>

Pada tulisan berwarna biru <option>Select a label</option> bisa kamu ganti dengan kata kamu sendiri misal: kategori, daftar isi, dll.

5. Terakhir Save, dan lihat hasilnya.@::Tuliskan Komentar Untuk Moeka::@