✔ Cara Menciptakan Label Model Drop Down

Kali ini aku akan memperlihatkan tips untuk bloggers yang bosan dengan tampilan labels-nya dalam bentuk LIST atau pun CLOUD. Tips ini sangatlah sederhana, tampilan untuk labels ini akan kita ubah menjadi drop down jika mau lihat pola nya silahkan klik disini  Yu kita eksklusif Login keblog masing masing.

Sebelum Edit HTML Sebaiknya Downlod tempelat dulu untuk jaga jaga Backup.

Kemudian temukan isyarat menyerupai ini
<b:if cond='data:display == "list"'> <br /> <ul> <b:loop values='data:labels' var='label'> <li> <br /> <b:if cond='data:blog.url == data:label.url'> <br /> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <br /> <b:else/> <br /> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> <br /> </b:if> <br /> <b:if cond='data:showFreqNumbers'> <br /> <span dir='ltr'>(<data:label.count/>)</span> <br /> </b:if> <br /> </li> </b:loop> </ul> <b:else/> <br /> <b:loop values='data:labels' var='label'> <br /> <span expr:class='"label-size label-size-" + data:label.cssSize'> <br /> <b:if cond='data:blog.url == data:label.url'> <br /> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <br /> <b:else/> <br /> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> <br /> </b:if> <br /> <b:if cond='data:showFreqNumbers'> <br /> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> <br /> </b:if> <br /> </span> <br /> </b:loop> <br /> </b:if>
Dan ganti seluruh isyarat diatas dengan isyarat dibawah ini
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> <br /> <option>Browse By categories</option> <br /> <b:loop values='data:labels' var='label'> <br /> <option expr:value='data:label.url'><data:label.name/> <br /> (<data:label.count/>) <br /> </option> <br /> </b:loop> <br /> </select>
PREVIEW atau SAVE TEMPLATE anda dan lihat hasilnya.

Bagikan Artikel ini