membuat drop down label atau kolom label menurun

sebelumnya saya mohon maaf karena beberapa minngu lalu sempat HIATUS. sehinga  blog inipun terbengkalai.
artikel sebelumnya saya bahas mengenai memperkecil ukuran gambar untuk mempercepat proses loading blog
kali ini saya akan membaas mengenai cara pembuatan drop down label

dari gambar diatas sudah jelas ditunjukkan tujuan dari drop down label. dan cara ini telah saya pasang diblog ini. tujuan pembuatannya tentuk untuk menghemat halaman blog.
untuk pembuatannya silahkan ikuti tutorialnya dibawah ini.
Setelah anda masuk ke blogger atau draft blogger dengan akun anda, masuklah ke menu Rancangan lalu pilih Edit Html

Kalo sudah, silahkan anda memberi centang pada kotak Expand Template widget.

Kemudian....

Carilah kode <data:label.count/>

Untuk memudahkan pencarian tekan saja tombol <h2 style='display:none'ctrl; dengan huruf "F" secara bersamaan pada keyboard komputer anda ( tekan Ctrl+F ) atau tekan F3 Sampai muncul kolom pencarian. Lalu masukkan kode yang dicari kedalam kotak tersebut.

darihasil pencarin akan muncul kode seperti 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>

silahkan ganti kode tersebut dengan kode berikut:
<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>


silahkan anda ganti tulisan " Select a label" sesuai keinginan.
Kalo sudah berarti pekerjaan telah selesai.

Tinggal komentarnya neh....  

http://fahimmunjul.blogspot.com

sumber inspirasi artikel dan gambar: oom.com