Jumat, 11 Februari 2011

Cara membuat menu 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 dengan dropdownmenu.
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.


Artikel Terkait:


Tidak ada komentar:

Poskan Komentar

Komentator Blog Ini