Tuesday, November 22, 2011

Cara membuat menu label dropdown

Nah, kali ini kita akan membahas tentang :Cara membuat menu label dropdown: Sobat belum tau menu label drop down? lihat pada gambar

Untuk membuatnya ikuti langkah - langkah di bawah ini:
1. Pertama sobat harus memasang widget kategori dulu. tidak tahu caranya klik DISINI
2. Jika sudah Kembali ke dasbor blog sobat
3. Rancangan
4. Edit HTML
5. Cari kode 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> 
Cari berdasarkan kode:  <ul><b:loop values='data:labels' var='label'>
6. Ganti kode pada no 5 dengan kode di bawah ini
<select onchange='javascript:window.open(this.options[this.selectedIndex].value);' style='width:90%'>
<option>Select Categories</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
7. Simpan Template

Selesai dan selamat mencoba!!!

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free