Best View with Mozila Firefox

Saturday, 28 February 2009

Membuat Dropdown Label/Kategori

Seperti yang kita ketahui, untuk memudahkan pencarian artikel di dalam Blog, kita pisah-pisahkan dalam kategori/Label. Tapi Kategori dalam Blog menjadi sangat panjang (ke bawah) ketika kita mempunyai banyak Kategori. Tips kali ini akan membahas cara membuat Drop down Kategori. Sebelum mencoba jangan lupa backup code dengan menekan link Download Template Lengkap.

Langkah pertama, masuk pada tab template -> Edit Html -> jangan lupa beri tanda cek pada Expand Template Widget -> kemudian cari kode dibawah ini:

Tips : Agar mudah dalam pencarian sebaiknya cari kode (<data:label.count>)

</data:label.count></span><ul><span class="fullpost">
<b:loop values="data:labels" var="label">
<li>
<b:if cond="data:blog.url == data:label.url">
<data:label.name>
<b:else>
<a href="data:label.url"><data:label.name></data:label.name></a>
</b:else>
(<data:label.count>)
</data:label.count></data:label.name></b:if></li>
</b:loop>
</span></ul><span class="fullpost">


Jika sudah ketemu ganti seluruh kode diatas dengan kode dibawah ini:



<select onchange="location=this.options[this.selectedIndex].value;"> <option>Select a label</option> <option value="data:label.url"> () </option> </select>



Warna merah Select a label bisa kita ganti dengan kalimat sendiri.

Selamat mencoba.
Thanx O-om.

1 comment:

  1. kalo untuk membuat label kategory lebih dari 1. sperti pada kolol kanan disamping bagaimana ya?

    mis :
    Judul : lokasi
    kotak kategori : tiban (10), nagoya (5), dll

    kemudian saya ingin buat kembali

    judul : type
    kotak kategory : type 27(12) type 45(5)

    yang kedua ini gimana buatnya ya?
    terima kasih banget loh kalo bisa membantu saya

    ReplyDelete