Free Facebook Fans
Thank's    About Me Suatu pembelajaran Otodidak tanpa komersial semata, satu kuncinya : KEMAUAN dan BELAJAR    Contemplations Panduan Praktis Belajar Design dan SEO    FB onk009@yahoo.com    twitter @onkdesign
Obrolan

Membuat Label dengan Dropdown Menu

Tampilan label bawaab dari blogger sudah bagus dan menarik, akan tetapi untuk memberikan tambilan label yang berbentuk dropdown menu akan lebih dan sangat lebih menarik bahkan tidak membutuhkan ruangan yang lebar pada template kita. Lah itu...supaya tampilan label tidak terlalu menghabiskan space sidebar anda, saya punya trik bagaimana cara menampilkan label dengan dropdown menu. Langkahnya :
  • Seperti umumnya, Login dulu di Blogger;

  • Masuk ke dashboard, klik menu layout lalu pilih edit HTML;

  • Centang di expand template widget;

  • Lalu cari kode seperti di bawah 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>
  • Ganti kode diatas dengan kode di bawah ini :

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
  • Klik Simpan dan lihat hasilnya.

Semoga Bermanfaat dan sukses selalu.

0 komentar:

Posting Komentar

  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description

Contact Me

Name
Email
Country
Age
Subject
Message
Mau pasang widget seperti ini, silakan klik disini
© Kang Onk Design | Free

Free Link Exchange For You

Mau pasang widget seperti ini, silakan klik disini
© Kang Onk Design | Free
Follow us?