Menambah daftar link Select Option Value widget menu PageList Blogger versi mobile

Diposkan: 29 Juli, 2014
Cara menambambah daftar link cukup dari icon widget gambar obeng, serta kita sisa menyusun daftar link baik laman ataupun external link untukmenu  pagelist blogger.  Namun terkadang ingin menambahkan sendiri dari daftar yang termasuk dalam b:loop.

Sedangkan menu pagelist dalam versi mobile akan menjadi menu dropdown list <select id='PageList1_select'>. Caranya cukup sederhana  jika memang ingin menambahkannya dari daftar list di versi mobile.

Buat lah link seperti dibawah ini :
  • <option value='#1'>Text link1</option>
  • <option value='#2'>Text link2</option>
  • <option value='#3'>Text link3</option>
  • <option value='#4'>Text link4</option>
Untuk menambahkan secara manual langsung menuju pada dasboard dan pergi ke edit HTML, temukan kode <span class='pagelist-arrow'>, Jika sudah ketemu maka kurang lebih seperti ini :
<span class='pagelist-arrow'>&amp;#9660;</span>

Tempel diantara </b:loop> dan </select>


<b:if cond='data:mobile'>
  <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
      <option value='#1'>Text link di atas1</option>
      <option value='#2'>Text link di atas2</option>
    <b:loop values='data:links' var='link'>
          .......................................
       
     </b:loop>
        <option value='#1'>Text link di bawah1</option>
        <option value='#2'>Text link di bawah2</option>
        <option value='#3'>Text link di bawah3</option>
        <option value='#4'>Text link di bawah4</option>
   </select>
  <span class='pagelist-arrow'>&amp;#9660;</span>
  <b:else/>
    <ul>
      <b:loop values='data:links' var='link'>
          ............................................

    </b:loop>
   </ul>
</b:if>

Gunakan Pratinjau, bila tidak terjadi masalah langsung Simpan.

Catatan : 
  • #Ini hanya berlaku yang Mengaktifkan versi mobile Blogger setelan khusus dan sebelumnya telah memasang widget PageList sebagai menu baik versi mobile .atau versi desktop.
  • #Sedangkan contoh gambar di atasnya bukan di bawahnya tapi di atasnya.

0 Komentar

Posting Komentar