Wednesday, October 13, 2010

Cara Cepat Pasang Label Menu Drop Down di Blog

Tahukah anda? tampilan blog yang efesien sangat disukai saat ini. Nah, disini saya akan menguraikan bagaimana cara memasang label menu untuk menghemat tempat tampilan agar lebih efesien.

Singkat aja, untuk pertama seperti biasa login terdahulu pada akun blogger anda. Selanjutanya klik Rancangan => Edit Html. Sebelum melakukan pengeditan Html, Cek lis dulu "Expand Template".

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

Kalau script diatas ga' ketemu berarti template blog anda belum dipasang gadget label. Pasang dulu gadget label di blog anda.
Nah, Setelah ketemu, gantikan kode diatas dengan kode berikut :

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

Jika anda ga suka copas, silahkan download script nya DISINI
Simpan template anda, silahkan lihat hasilnya. Terima kasih dan semoga bermanfaat.

nb : Untuk lebih jelasnya cara posting script di halaman blog silahkan klik DISINI

0 komentar:

Post a Comment

Setiap komentar anda sangat berarti untuk de'o (baca: saya)kritik dan saran ditunggu ya..
Reaksi anda terhadap artikel de'o jangan lupa ya

Protected by Copyscape Originality Check