Membuat Dropdown label di Blogger

Sudah tidak asing lagi dengan label / kategori pada blogger saat anda posting bukan ? Yupz ... label ini berfungsi untuk mengelompokkan posting ke sebuah sub menu tertentu dan bertujuan untuk kemudahan pencarian post.

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:

16 Oktober 2008 pukul 19.07
Anonim mengatakan...

Aku dah coba, tapi hasilnya koq beda ya???

17 Oktober 2008 pukul 16.59
Anonim mengatakan...

di blog nya mas Kategori kan berurutan ke bawah gitu tampilannya. Kalo ditempat aku tersembunyi, harus pake klik lagi baru muncul label2nya.

19 Oktober 2008 pukul 06.54 Prima Kurniawan mengatakan...

@prida : kalo namanya drop down menu ya kaya' gitu ... kalau seperti punya saya, ya label biasa gitu ... :-/

14 Maret 2011 pukul 10.27 R-Wasp mengatakan...

Trims buat tipsnya. Tapi kalau tampilan visual menu scrollnya diganti gitu (misal, warnanya) bisa gak?

12 Agustus 2011 pukul 22.21 elang likaytanjua mengatakan...

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/

15 Oktober 2011 pukul 19.52 kang adhie mengatakan...

trims infonya,...
salam kenal!!!

16 Mei 2012 pukul 01.47 Abdul Helim mengatakan...

terima kasih info berharganya

25 Mei 2012 pukul 14.36 Online mengatakan...

Mantap infone, langsung tkp

8 Juli 2012 pukul 05.35 Agunk_arly mengatakan...

nice artikel bro.... kunjun gi juga agungbelog.co.cc

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

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

 

Post yang berkaitan :

Grab this Widget ~ Blogger Accessories
 
© Copyright 2010 - Jogja Wiki Blog - Best viewed in 1152 x 864 pixel by Mozzila Firefox
Our Network at Bloggercustom and Healthy Tips | Post Entries | Comments -