Cara Membuat Dropdown Label

Pernah melihat DROPDOWN LABEL? Jika tidak pernah disini Dexamaker akan mengajarkan cara membuta DROPDOWN LABEL. Jika teman-teman ingin membuat DROPDOWN LABEL, pastikan ELEMEN LABEL sudah terpasang pada blog.

CARA MEMBUAT DROPDOWN LABEL:

1. Login dulu ke BLOGGER
2. Pilih RANCANGAN, kemudian pilih EDIT HTML
3. Beri tanda cek pada EXPAND TEMPLATE WIDGET, kemudian cari kode ini (<data:label.count/>)
Bisa teman-teman lihat kode yang teman-teman cari dibawah ini:

Spoiler:

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

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

Spoiler:

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

5. Pilih SIMPAN TEMPLATE
6. Selesai

Artikel Terkait: