Cara Membuat Widget Label Dropdown

Malam Sobat Vetizens, sudah lama saya tidak bertemu dengan sobat semua. Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Widget Label Dropdown. Mungkin beberapa sobat Vetizens ada yang membutuhkannya karena saya pun membutuhkannya, caranya simple dan mudah dimengerti asal mengikuti tutorial dengan benar.

DEMO

Tutorialnya :

1. Login ke blog sobat
2. Pilih " Template " lalu klik " Edit HTML "
3. Cari kode

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

4. Setelah ketemu silahkan gantikan code yang diatas dengan code yang ada dibawah ini. Kemudian save template dan lihat hasilnya.

<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'> <b:if cond='data:title'>
<h2><data:title/></h2> </b:if>
<div class='widget-content'>
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> <option>Judul</option>
<b:loop values='data:labels' var='label'> <option expr:value='data:label.url'>
<data:label.name/> (<data:label.count/>) </option> </b:loop> </select></div> </b:includable> </b:widget>

Catatan :
Widget label dalam postingan kali ini digantikan dengan sistem drop down, tampilan yang menarik dan tidak memakan banyak tempat untuk label halaman. Untuk mengganti code <b:widget id='Label1' locked='false' title='Labels' type='Label'/> anda harus menggantikan code tersebut sampai batas code </b:widget>. Untuk tulisan warna hijau , silahkan anda ganti dengan judul kategori halaman anda. Code tulisan warna biru berguna untuk menunjukkan berapa banyak artikel dalam sebuah kategori atau biasa disebut dengan counter label. Bila anda tidak ingin menunjukkan counter labelnya silahkan hapus code tersebut.

Sekian untuk tutorial Cara Membuat Widget Label Dropdown. Semoga bermanfaat untuk semua :D .

Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .