"WELCOME TO GUDANG ARTIKEL - PENGUNJUNG YANG BAIK SELALU MENINGGALKAN KOMENTAR"
Home » » Cara Membuat Label/Category dengan menu Drop Down

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
www.tokobagus.com


    …Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

1 comments:

Related Posts Plugin for WordPress, Blogger...

Search This Blog

Hit Counter

Please Join This Site !!!

Contributors

Reza Maulana. Powered by Blogger.

Arsip Blog

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. GUDANG ARTIKEL - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger