Langsung saja, berikut ini Cara Membuat Label Drop Down pada Blogger seperti pada contoh gambar di bawah ini, atau live samplenya ada di label blog ini.
2. Widget Label harus sudah anda pasang dan tidak sedang dalam opsi cloud (biarkan pada posisi defaultnya)
3. Menuju ke menu Template >> Edit HTML >> Klik Expand Widget Template >> cari kode di bawah ini :
Berikut tutorialnya :
1. Login ke akun Blogger Anda dulu.2. Widget Label harus sudah anda pasang dan tidak sedang dalam opsi cloud (biarkan pada posisi defaultnya)
3. Menuju ke menu Template >> Edit HTML >> Klik Expand Widget Template >> cari kode di bawah ini :
Judul Spoiler:
<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>
<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. Setelah Ketemu kode script di atas, Ganti dengan dengan kode script di bawah ini :
Judul Spoiler
<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>
<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>
Anda bisa mengganti text "Pilih Kategori" dengan text pilihan anda sendiri.
5. Preview hasilnya >> jika sudah benar save template >> selesai
Selamat mencoba, semoga bermanfaat.
5. Preview hasilnya >> jika sudah benar save template >> selesai
Selamat mencoba, semoga bermanfaat.
0 komentar
Tambahkan Komentar Anda