Cara Membuat Label Drop Down

2/09/2013

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.
 
Label Drop Down

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>
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>
Anda bisa mengganti text "Pilih Kategori" dengan text pilihan anda sendiri.
5. Preview hasilnya >> jika sudah benar save template >> selesai

Selamat mencoba, semoga bermanfaat.

All posts here about online store, tips, tricks, SEO, Store Service, store builder with Blogspot, Wordpress or Opencart.
Contact me if You need help or more question about service. Enjoy reading.....

Artikel Terkait

Previous
Next Post »

4 komentar

Write komentar
DIDIN KEONG
AUTHOR
3 Mei 2013 14.08 delete

GAN CARA ATUR LEBAR UKURANYA GIMANA

Reply
avatar
1 Desember 2014 06.31 delete

akan saya tinjau dulu

Reply
avatar
komar rudin
AUTHOR
30 Juni 2016 01.45 delete

mantap gan akhirnya bisa trimakasih

Reply
avatar

#/ Dilarang melakukan SPAM.
#/ Dilarang Komentar mengandung Link/URL di kolom komentar
#/ Dilarang Komentar SARA dan Makian
#/ Dilarang ngiklan
Melanggar ketentuan di atas, komentar langsung dihapus..!!!
Emoticon