Diposting oleh iceday

Terkadang Label yang kita punya pada blog sangat banyak dan bermacam-macam jenisnya, sehingga menyebabkan Label tersebut makan tempat dan semakin memanjang kebawah.

Nah untuk menyiasati hal tersebut kita bisa meringkas Label tersebut menjadi yang disebut Dropdown Label. caranya sangat mudah dengan sedikit ini dan itu, Walah.....Dropdown Label terbuat.

caranya begini :

kalo yang udah biasa utak-atik HTML pastinya ngerti, nah ini bagi yang belum paham, nich aku bikin sesimple mungkin.

1. harus Log In dong ke Dasbor
2. masuk ke "Tata Letak" dan "edit HTML" sebelumya centang dulu " Expand Template Widget "
3. cari kode di bawah ini
    

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


kemudian ganti yang berwarna merah dengan kode dibawah 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>

tulisan yang berwarna Biru bisa diganti untuk memberi nama pada kolom Dropdown Label, mudah kan jika ingin mempunyai menu dropdown label bisa dicoba.

selamat mencoba dan semoga bermanfaat ........................

0 komentar:

Posting Komentar

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified