Selasa, 19 Juli 2011

Tips Blog Cara Membuat Dropdown Label

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