"Gimana cara buat menu dropdown label seperti dropdown archive pada new blogger?" kutipan dari pertanyaan pada email oom.
Pernah terpikirkan mengganti tampilan nama label dengan style dropdown label? tentu saja ya :) karena semakin banyak artikel yang kita tulis tentu semakin banyak pula label atau kategori yang ditambahkan, tidak masalah jika nama label kita cuma 5 atau 10 nama label, lalu bagaimana jika sampai 20 atau lebih sedangkan label dalam standar blogger akan tampil tersusun kebawah dan tentu saja cara standard ini akan memakan tempat pada halaman blog kita nantinya.
Tidak seperti menu arsip pada blogger yang bisa diset dalam tampilan dropdown, label dalam blogger tidak memiliki fasilitas ini. Jangan khawatir karena para pemikir jenius diluar sana sudah memikirkan hal ini (bukan om lho hihihi :). Sedikit tambahan, sebelum kita menggunakan kode dibawah ini pastikan bahwa element label sudah terpasang pada blog, jika tidak jangan harap menemukan kodenya :)
Contoh tampil menu dropdown label:
Ikuti tutorial dibawah ini untuk membuat dropdown label:
(sebelum mencoba jangan lupa backup code dengan menekan link Download Template Lengkap)
Langkah pertama, masuk pada tab template -> Edit Html -> jangan lupa beri tanda cek pada Expand Template Widget -> kemudian cari kode dibawah ini:
Tips : Agar mudah dalam pencarian sebaiknya cari kode (<data:label.count/>)
<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 ketemu ganti seluruh kode diatas dengan kode dibawah ini:
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
Warna merah <option>Select a label</option> bisa kita ganti dengan kalimat sendiri.
Selamat mencoba, happy blogging with o-om's blog :)
Dengan memasukan alamat email dibawah ini berarti anda akan mendapat kiriman artikel terbaru dari o-om.com di inbox anda:
Beri vote untuk nilai artikel ini:


17 Komentar:
Pertamaaaaax, akhirnya bisa juga jadi yang komentator pertama :)
om, kayak yang blog parkir juga ya om?caranya sama ya?? :D
Best Regard
http://fuadpahing.blogspot.com/>FuadPahing
second edition..
komentator kedua..wehehe..
thakns suhu,ini menarik mau kucoba, dari dulu aku emang males ngurusin label tp kalo pake cara ini ja rapi.terstruktur gitu kaya pascal..:)
dah..aku coba tipsnya jalan buat salah satu blog-ku...thanks...
OOT nanya lagi nih scritp-nya gimana bikin random profile kaya punya-mu itu lho "about oom" yg bisa pindah2 sendiri tiap hari, kemarin di header - skrg di side bar - besok di footer kali ya..=)
di tunggu ya oom script itu..thanks .
hmm, numpang komentar juga ah ..
waduh, susah amat..mau nyobain tapi lom ada waktu neh
ntar aja ah
wuih:-) da ilmu baru pi yang default punya saya belum keluar e, jadi nahan dulu untuk buat ilmu baru dari om he.. 1 kelar baru yang lain he3 :-)
>> anonim : pertamax...solar kali ya :)
>> fuad >> nah om bingung yang mas fuad tanya apa ya :)
>> free-7 : mas iwan pake tanya segala hehehe ngetes ya :))
>> nyari duit : kalo ada waktu silahkan dicoba ya.
>> wahyu : bertahap ya wahyu kalo sudah kelar semua silahkan dicoba ya :)
>> anonim : pertamax...solar kali ya :)
>> fuad >> nah om bingung yang mas fuad tanya apa ya :)
>> free-7 : mas iwan pake tanya segala hehehe ngetes ya :))
>> nyari duit : kalo ada waktu silahkan dicoba ya.
>> wahyu : bertahap ya wahyu kalo sudah kelar semua silahkan dicoba ya :)
Nyoba ah...
Maap ya om.. lama ngga' koment :)
iya nih bams lama gak keliatan kenama aja?
lagi betulin kompi..mungkin kena viruz :(
tanya sekalian dah.. Virusnya tuh bikin file EXE jadi kurang kapasitasnya om, so klo dijalain ngg' bisa. Ada spaiwer jg :)
Kira2 program apa yg bisa ngilangin, soale masih ada tuh..
Kemarin pake ad-aware ngga' mempan...
bambs : khan dah banyak antiviru yang bisa di coba mambs :)
La om ntar biar artikel kita masuk ke list label itu gimana caranya???
masi bingung aku...maklum baru belajar ngeblog kemaren sore...
salam kenal mas..., baru nemuinnih blog panjenengan...
mau nanya gimana nih caranya biar label saya bisa rapi seperti contoh diatas..., kok default label saya (www.gudangmodif.com) jaraknya jauh2 mas...
Matursembah nuwun.
NB. Comment ini cool banget mas piye yo gawene
@sekar : khan pejelasannya sudah ada diatas..bisa di pelajari dulu
@Blietzkrieg : itu tinggal mengatur css nya aja, kalo mau buat koment kaya punya om tinggal pelajari aja di blog ini ada kok caranya :)
tengkyu oom!
ada yng tau gak kl buat lebih dari satu catagories,,,,??
jadi biyar gak acak-acakan gt soalnya saya mau blogging gak cuma satu tema ja..
mau tentang komputer,pendidikan dsb pokonya>>>>>
gimana y,,,
http://info-heri.blogspot.com/
http://loanvsinsurance.blogspot.com/
http://www.lyrics-lirik.co.cc/
Sudah bergabung dengan program penghasil Dollar($)?
Posting sebuah Komentar
Untuk memasang emoticon diatas, cukup dengan menulis kodenya. Silahkan berkomentar, jangan nyepam ya :)