Contoh tampilan dropdown


Untuk mebuat dropdown pada Blogger ikuti langakah-langakah berikut:

  1. Backup full template yang ada sekarang terlebih dahulu.
  2. Klik Edit Html
  3. Centang cekbox "Expand Widget Templates"
  4. Cari script "()"
  5. Maka akan ketemu script dibawah ini:
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
    <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    (<data:label.count/>)
    </li>
    </b:loop>
    </ul>
  6. Ganti script diatas dengan script dibawah ini:
    <br />
    <select onchange='location=this.options[this.selectedIndex].value;'>
    <option>Select a labelName</option>
    <b:loop values='data:labels' var='label'>
    <option expr:value='data:label.url'><data:label.name/>
    (<data:label.count/>)
    </option>
    </b:loop>
    </select>
  7. Ganti "Select a labelName" pada script diatas sesuai dengan keinginan anda.
  8. kemudian save template anda, jadi deh. jangan lupa commentnya ya