Tampilan label bawaab dari blogger sudah bagus dan menarik, akan tetapi untuk memberikan tambilan label yang berbentuk dropdown menu akan lebih dan sangat lebih menarik bahkan tidak membutuhkan ruangan yang lebar pada template kita. Lah itu...supaya tampilan label tidak terlalu menghabiskan space sidebar anda, saya punya trik bagaimana cara
menampilkan label dengan dropdown menu. Langkahnya :
- Seperti umumnya, Login dulu di Blogger;
- Masuk ke dashboard, klik menu layout lalu pilih edit HTML;
- Centang di expand template widget;
- Lalu cari kode seperti di bawah 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>
- Ganti kode diatas dengan kode di bawah 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>
- Klik Simpan dan lihat hasilnya.
Semoga Bermanfaat dan sukses selalu.
0 komentar:
Posting Komentar