Sunday, 12.17.2017, 12:45 PM
N30-G4BR13L
Main | Publisher | Registration | Login
Site menu
Section categories
Trick Blog [9]
All About Computer and Network [3]
Hacking [22]
Do you know? [3]
Zona Religi [5]
Belajar Pemrograman [0]
My Diary [1]
My Playlist

My YM Pinbox

Powered by:
Statistics

Total online: 1
Guests: 1
Users: 0
Main » Articles » Trick Blog

Membuat Drop Down Labels
Bagi kamu yang mempunyai masalah dengan style labels pada blogger, berikut saya mencoba share solusinya. Ketika kita membuat label/kategori pada postingan kita hanya 5-10 mungkin tidak menjadi masalah, bagaimana jika ada 20-30 labels yang kita buat? Tentunya ini akan membuat menu kategori kita tersusun panjang ke bawah dan memakan tempat di sidebar. Kita bisa mengakalinya dengan membuat dropdown labels, tidak seperti menu arsip kita bisa langung mensetnya, karena feature ini tidak ada pada labels style. Ok kita akan membahas hack singkatnya.

Lihat gambar berikut biar lebih paham ya..!!!



Berikut langkah-langkah membuatnya:
1. Login ke account blogger kamu

2. Masuk ke Layout > Edit Html dan centang expand widget (jangan lupa untuk mendowload full template kamu dulu)

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

Note: Jika agak susah untuk mencarinya tinggal pencet saja F3 lalu pada kotak Find copypaste kode berikut: (<data:label.count/>) lalu klik next.

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

Pada tulisan berwarna merah <option>Select a label</option> bisa kamu ganti dengan kata kamu sendiri misal: kategori, daftar isi, dll.

5. Terakhir Save, dan lihat hasilnya.
Category: Trick Blog | Added by: neo-gabriel (08.02.2009)
Views: 266 | Rating: 0.0/0 |
Total comments: 0
Name *:
Email *:
Code *:
Search
Login form
My YM Status

Flag Counter
free counters
Silakan Berteriak!!
Link Back ya,
http://neo-gabriel.tk
My Friends

Copyright Neo-Gabriel © 2017