Membuat Menu Label Drop Down

Membuat Menu Label Drop Down – Label pada blog memang sangat penting ke ke gunaannya,karena pengunjung pun dapat menemukan artikel yang ingin di cari dengan label yang sudah di kategorikan.

Nah tetapi banyak yang berpikir label hanya akan memenuhi tempat saja,karena jika kita mempunyai artikel dengan banyak kategori label yang berbeda,tentu saja widget label ini akan memakan benyak tempat.

Di artikel ini saya akan menjelaskan cara membuat Menu Label Drop Down.
Nah jika yang belum tahu apa menu label drop down,bisa lihat di gambar di bawah

“Label

Sudah mengerti semua ?
Langsung ke Cara Pemasangannya

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

3 Comments

Leave a Reply

Alamat email Anda tidak akan dipublikasikan.


*