Membuat label kategori dropdown blogger

Semakin banyak kategori posting di blog kita artinya semakin besar ruang yang dibutuhkan untuk menampilkan kategori atau label tersebut.

Tentu saja selera orang berbeda-beda, ada yang sengaja ingin memperlihatkan banyaknya jumlah postingan (mungkin agar kelihatan keren ), ada yang meminimalisirnya dengan scroll box (biar terlihat professional), atau ada juga yang minimalis - biasa ngirit nih orang :), tapi itu hak azasi khan sudah saya bilang selera orang beda-beda, blog yang parah itu justru kalau jumlah postingnya cuma 10 tapi kategorinya 100

Nah untuk yang minimalis ini biasanya lebih suka menampilkan kategori postingnya dengan tampilan dropdown. Tampilan jenis ini selain lebih menghemat ruang gadget juga memberikan kesan pemilik situsnya orang rendah hati, karena walau postingnya banyak tapi tidak over convidence he he just kiding sob, langsung saja cara membuat label kategori dropdown sebagai berikut :

1. Ada baiknya pastikan gadget label atau kategori sudah terpasang pada blog sobat dengan jenis tampilan daftar / bukan cloud.
2. Seperti biasa login ke Dashboard >> Rancangan >> Edit HTML
3. Cari kode :
<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>

4. Ganti kode di atas dengan kode di bawah ini :
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>- pilih kategori -</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Note :
a. Pastikan pengaturan kategori pada tata letak sobat pilih daftar / label, bukan cloud.
b. Tulisan yang berwarna merah bisa sobat ganti sesuai keinginan.

5. Preview terlebih dahulu, lalu save.

Selamat mencoba, semangat dan salam blogger.

2 komentar :

  1. salam kenal gan thank's udah mampir di blog saya

    BalasHapus
  2. salam juga gan, thx juga udah ninggalin jejak di blog ane ;D

    BalasHapus

Jika anda menyukai artikel di atas silahkan share atau tinggalkan komentar. Mohon maaf, untuk menghindari spam, komentar yang menyertakan live link akan dihapus.