Tuesday, March 27, 2012

Cara Membuat Label Berupa Dropdown

Cara Membuat Label Berupa Dropdown - Hallo Sobat semuanya.. ini kali pertama saya ingin membagikan cara dan tips untuk memperindah blog-blog sobat semuanya. Pada Pertemuan kali ini saya ingin memberikan sedikit tips agar label pada blog anda dapat berupa Dropdown.

Label yang berupa Dropdown akan dapat menghemat lahan.. heheh maksud ane tempat. Nah oleh karena itu tips ini pasti sangat berguna buat anda. dan contohnya dapat anda lihat seperti gambar dibawah.



Cara Membuat Label Dropdown :

  • Anda Harus Membuat Label di blog anda, biar kita dapat menggantinya menjadi Dropdown.
  • Ok setelah itu langsung saja. Pergi ke Dashboard > Template > Edit HTML > Proces > Centang Expand Widget Templates.
  • Kemudian Anda Harus mencari kode css dibawah ini, untuk mempermudah anda dapat menggunakan CTRL+F.
<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>
  • Setelah anda menemukan kode seperti kode css diatas, hapus semua dan ganti dengan kode script css dibawah ini.
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Pilih Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
  • Nah sekarang sudah selesai. Klik Simpan dan lihat hasilnya.
Note :* Tulisan "Pilih Kategori" dapat anda rubah dengan kata-kata yang anda sukai.

Sekarang telah jadi Tabel berupa dropdown pada blog anda kan. Nah semoga bermamfaat ya.
Disqus Comments