Cara membuat menu Label/category dengan menu drop down

Share

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

Artikel terkait:

Tips blogger

• cara pasang TL/TimeLine twitter ke blog
• cara mudah dan cepat dapat page rank tinggi google
• "gila" cara hacker menembus sebuah website
• cara pasang share fb dan twitter di posting
• Cara menghilangkan total page di label
• cara menghilangkan judul blog di header
• Related post dengan Thumbnail gambar dan berjalan
• Pasang Artikel terkait plus scroolbar2
• Template lamaku
• Apa itu blog.????
• Cara Pasang tombol dan fasilitas print di blog
• Cara membuat kotak pencarian or search box
• Cara pasang kalender di blog
• Cara pasang widget untuk melihat IP addres di blog
• Cara Pasang Mp3 music (2)
• Cara Pasang mp3 gratis di blog
• Macam-macam style border
• Cara memasang emoticon unik YM di blog
• tips meningkatkan alexa rank (versi kang rohman)
• Cara pasang blog Dofolow "u comment i follow"
• Cara membuat Huruf awal besar/ bergaya koran
• Cara menyisipkan gambar di pojok atau sudut blog
• Sejarah blogspot atau weblog
• Cara membuat Recent post Plus Label
• Cara memasang jam di blog