Cara Membuat Label Menu Drop Down

Pada kesempatan ini saya akan membagi sedikit tutorial jadul mengenai bagaimana cara membuat label menu drop down.
Tanpa panjang lebar langsung saja
1. Pertama Login ke blog
2. Pastikan anda sudah memasang Widget Label default di blog anda
3. Rancangan - Edit HTML
4. Centang Expang Template Widget
5. Cari kode di bawah, gunakan CTRL+ F

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>

6. Setelah ketemu,ganti semua kode tersebut dengan kode

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

ket : Pilih Kategori adalah tulisan yang tampil dalam kotak,anda bisa mengganti sesuai keinginan anda


7. Selesai

Nah dengan Menu Label Drop Down ini tentunya akan sangat menghemat tempat di blog anda

Tweet

Postingan terkait:

Ditulis Unknown — Thursday 18 October 2012 — Add Comment — Blog