Sangat mudah membuat Membuat Dropdown label di Blogger lho , kebanyakan blogger mempunyai masalah jika anda memliki lebih dari 10 kategori yang berjejal dimana - mana, konsekuensinya yaitu menghabiskan tempat diblog anda. Karena hal ini pernah saya alami dan bisa memberi tempat untuk widget yang lain. Bisa anda lihat Katogori milik saya, simpel kan ? Mau tahu cara membuatnya ?
Seperti biasa, sesudah login masuk di layout. Dan satu widget yang anda butuhkan yaitu Label, jadi jika widget ini belum anda pasang, jangan harap bisa menyelesaikan tutorial ini. Jika sudah terpasang, masuk ke Edit HTML, jangan lupa beri tanda cek di " expand my template widget". Kalau perlu backup template juga diperlukan. Lalu cari kode berikut ini :
<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>
Jika sudah ganti kode diatas dengan kode berikut :
<br />
<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 kamu ganti sesuka kamu. Dan jangan lupa disimpan ... :D Lihat hasilnya. dan happy blogging !
9 komentar:
Aku dah coba, tapi hasilnya koq beda ya???
di blog nya mas Kategori kan berurutan ke bawah gitu tampilannya. Kalo ditempat aku tersembunyi, harus pake klik lagi baru muncul label2nya.
@prida : kalo namanya drop down menu ya kaya' gitu ... kalau seperti punya saya, ya label biasa gitu ... :-/
Trims buat tipsnya. Tapi kalau tampilan visual menu scrollnya diganti gitu (misal, warnanya) bisa gak?
Thank's bro. tapi bagus lagi kalau seteleah kode value ditambahi kode style='width:100%', jadi drop down kategori penuh di sidebar, gak kepotong di tengah jalan.
So kunjungi juga My Blog
http://www.elanglikaytanjua.co.cc/
dan
http://maariftemanggung.blogspot.com/
trims infonya,...
salam kenal!!!
terima kasih info berharganya
Mantap infone, langsung tkp
nice artikel bro.... kunjun gi juga agungbelog.co.cc
Posting Komentar
Anda bisa menggunakan HTML seperti <b> , <i>, <s>, <a> ... Jangan spamming, komentar bernada spam akan kami hapus.
Terima kasih telah berkomentar di JogjaWiki