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

Unknown mengatakan...

kenapa kok gk bisa iya.,??
trus saya juga gk nemu kode yang sama persis dengan diatas.,

Unknown mengatakan...

nice shaaring...
happy blogiiiiiiiiinggg...heehehe

Agunk_arly mengatakan...

artikel yang bagus
kunjungi juga agungbelog.co.cc

Posting Komentar

 
Copyright © 2011 Andhika Hutomo Blogdhika.com. Powered by Blogger™