Cara Membuat Label Dropdown/Drop Down Label di Blog

Marhaban ya Ramadhan....

Hari ini saya akan memberikan sekedar Tips Trik Blog untuk para bloger Newbe yang ingin mempercantik blognya agar lebih tampil menarik. oke langsung aja kali ini saya akan memberikan Cara Membuat Label Dropdown di blog. Cara ini sering di cari para blogger untuk mempercantik halaman blog. Dengan membuat label secara Drop down isi blog kita bisa terlihat lebih simpel.

Untuk membuat label drop Down silahkan ikuti cara-cara dibawah ini:

Pertama,pergi ke Dashboard,lalu pilih Tata Letak,kemudian kllik tab Edit HTML.
Jangan lupa contreng tulisan Expand Widget Templates,selanjutnya cari kode berikut:

<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>


Gunakan Ctrl+F untuk mempermudah pencarian,kode yang bercetak tebal diatas,hanya sebagai "patokan" aja agar mudah dalam pencarian.

Setelah ketemu,hapus kode tersebut,dan gantilah 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>



Tulisan "Pilih Kategori" bisa anda ganti sesuai keinginan,setelah itu,Simpan Template,Selesai,dan lihat hasilnya! :D

2 comments:

Unknown mengatakan...

Please Visit my BLog. ..

Farshead.blogspot.com

Dadi heryana mengatakan...

berhasil.

Posting Komentar

 
Copyright © 2011. Delta Net KABUNAN