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.

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 :
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
5. Preview hasilnya >> jika sudah benar save template >> selesai
Tidak ada komentar:
Posting Komentar