News Update :
Blog ini doFollow Loh !

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.
Share this article :

No Responses to "Cara buat label "Drop Down""

Posting Komentar

 
Chenkgelate - All right reserved
Chenkgelate dot com | Personal Blogging Free Sharing Inform
© Template by :Idblogportal 2011 - 2012
Copyright © 2011 - 2012 SMA NEGERI 1 CIOMAS SERANG - All rights reserved