Cara Membuat Dropdwon di Label Blog

Tips Trik Blogger kali ini, Delta Net memberikan postingan tentang cara membuat Dropdwon di Label Blog. cara ini saya sharing berdasarkan banyak permintaan para blogger yang ingin membuat Menu Dropdwon di Label Blog.

Untuk membuat label drop Down silahkan ikuti cara-cara dibawah ini:

Contoh tampil menu dropdown label:



Ikuti tutorial dibawah ini untuk membuat dropdown label:

(sebelum mencoba jangan lupa backup code dengan menekan link Download Template Lengkap)
Langkah pertama, masuk pada tab template -> Edit Html  -> jangan lupa beri tanda cek pada Expand Template Widget -> kemudian cari kode dibawah ini:
Tips : Agar mudah dalam pencarian sebaiknya cari kode (<data:label.count/>)

   <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>

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>

Warna merah <option>Select a label</option> bisa kita ganti dengan kalimat sendiri.

Nah setelah itu,Simpan Template,Selesai,dan lihat hasilnya! :D
Selamat mencoba...