Cara buat label "Drop Down"

Label Dropdown Menu adalah menu yang berjajar kebawah, tetapi hanya akan muncul jika kita meng-klik tanda panah kecil di sampingnya. Pokoknya gitu lah..

Pertama, pastikan Sodara sudah menggunakan Label di blog Sodara. Klo belum, silahkan buat :
-Pilih 'Add Widget'
-Pilih 'Label'
-Beri nama dengan 'Dropdown Label', untuk mempermudah mempraktekkan trik ini.
 
1.Edit HTML'. Download dulu tempale Sodara y, demi keamanan.
2.Centang pada 'Expand Template Widget'
3.Cari kode di bawa ini, Cara yang paling mudah adalah dengan Ctrl+F,

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

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<span expr:dir='data:blog.languageDirection'>

<data:label.name/>

</span>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

<data:label.name/>

</a>

</b:if>

<span dir='ltr'>(<data:label.count/>)</span>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Klo dah ketemu, silahkan GANTI kode berwarna merah itu dengan kode ini:

<select onchange='location=this.options[this.selectedIndex].value;'>

<option>Pilih Berdasarkan Label</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/></option>

</b:loop>

</select>

Simpan....selesai. dan lihat Hasilnya
Selamat Mencoba.

Related Post: