Sunday, December 9, 2012

Cara Membuat Label/Category dengan menu Drop Down

 Tips blog kali ini saya ingin memposting yang berjudul cara buat Label menggunakan menu drop down.
tau g' menu drop down apa.?
ne menurut saya ya..
menu drop down adalah bentuk tampilan menu kita yang di persingkat atau di buat untuk penghematan juga.
contoh gambar nya seperti ini :



supaya tampilan label tidak terlalu menghabiskan space sidebar anda,
saya punya trik bagaimana cara menampilkan label dengandropdown menu.
Berikut Tutorialnya :
* Seperti biasa, Login dulu di http://blogger.com/
* Di jendela dashboard, klik menu layout lalu pilih edit HTML
* Setelah itu, jangan lupa kasih tanda centang di expand template widget
* Lalu cari kode seperti di bawah ini :


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

Kalo ngga ketemu, berarti menu label anda belum terpasang. Silahkan pasang terlebih dahulu lalu ikuti langkah2nya lagi. Kalo sudah ketemu, ganti kode tersebut dengan kode di bawah ini :



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

Klik save
selesai.....
jika agan2 masih kurang mengerti contoh menu dropdown nya bisa dilihat di




Bookmark and Share
Artikel yang berhubungan :


0 comments:

Post a Comment

MULTI TAB 1

VIDEO

MULTI TAB 2

HTML

MULTI TAB 3

MULTI TAB 4

MULTI TAB 5



MULTI TAB 6

Entri Populer

MULTI TAB 7


MULTI TAB 9

Buku Tamu

MULTI TAB 10

Daftar Blog Saya

Search




 
KEMBALI KEATAS
') }else{document.write('') } }