cara membuat widget blogger select option style

cara membuat widget blogger select option style
Gambar 0.1 Contoh menu select.
Menu select seperti ini lebih cocok untuk tampilan mobile, mungkin lain kali saya akan share lagi untuk tampilan mobile di blogger ini yang langsung saja, biar gak ribet sob, kalo menu tidak work mungkin kesalahan pada 'id' nya karena saya pakai id='PageList1' bisa di ubah ke PageList2 dan seterusnya, menu tinggal plug in, dan kita hanya siapin url link dan title saja , ckup simple dan sangat menguntungkan, tidak buang2 waktu untuk membuat script satu persatu, karena ini sudah otomatis. oke , berikut kodenya:

<b:section class='menu' id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Select Menu' type='PageList'>
<b:includable id='main'>
<h2 style='display:none;'><data:title/></h2></b:if>
<div class='widget-content'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

Semoga membantu, bila ada kesalahan tolong di beritahukan di komentar, biar yg lain juga bisa enak, sama2 enak lah hahaha, tapi sbelum saya post saya sudah chek dan work sob. kalo masih ada kesalahan mgkin karena penulisannya. trimakasih.



No comments:

Post a Comment

Tambahkan Komentar