cara membuat label drop down

Akhirnya aku temukan dan berhasil praktekkan cara membuat label drop down atau kategori dropdown. hal ini berman fa'ad dalan meminimalisirkan tampilan halaman blog, gitu menurutku. langsung saja ke ktp. oh ya bgi yang belum mengarti lihat  aja gambar label dropdown dibawah ini. nah seperti ini yg aku maksut.

caranta:

1. pergi ke Dashboard,
2. lalu pilih Tata Letak,
3. kemudian kllik tab Edit HTML. Jangan lupa contreng tulisan Expand Widget Templates,selanjutnya 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>

---

trik n tips : Gunakan Ctrl+F untuk mempermudah pencarian,kode yang bercetak tebal diatas,hanya untuk 'patokan' saja agar anda mudah dalam pencarian. bukan begitu...
Setelah ketemu,hapus kode tersebut,dan gantilah dengan kode di bawah ini:

---

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

---

Catatan: Tulisan 'Pilih Kategori' bisa anda ganti sesuai selera anda.
Setelah itu,Simpan Template,Selesai,dan lihat hasilnya!. Sekian dulu cara tips triknya semoga berman fa'ad dan silahkan lihat-lihat postingan lainnya yg menarik.

 [referensi]

salam persahabatan [blog instatus]  

Tweet