Cara Membuat Tampilan Label dengan Menu Dropdown

Sebenarnya tampilan label dengan menu dropdown nantinya hampir sama dengan postingan saya tentang menu dropdown sebelumnya, Cuma bedanya kalo yang kemarin buat tampilan arsip kalo sekarang buat label. dan caranya berbeda dari yang kemarin, bagaimana Cara Membuat Tampilan Label dengan Menu Dropdown ? tetap simak tulisan ini untuk menemukan jawabnya.

Jika anda memakai fasilitas label yang disediakan oleh blogger maka Tampilan menu Label untuk default nya yaitu dengan menu ul (list style). Jika label anda sedikit mungkin tidak masalah untuk menggunakan fasilitas terbebut karena hanya memerlukan sedikit space di bagian sidebar. Kayak blog saya ini tidak masalah jika menggunakan fasilitas blogger karena label saya Cuma 7 tapi dikemudian hari mungkin akan bertambah karena saya akan tetap terus belajar dan akan selalu berbagi. Saya pernah membuat tampilan label menu dropdown di blog infolowongan, karena dulunya space side debarnya terbatas jadi saya bikin label dengan menu dropdown tapi sekarang sudah tidak lagi karena saya dah ganti templet baru yang sidebarnya lumayan panjang untuk menampung label saya, biarpun saya dah tidak menerapkan tampilan label dengan menu dropdown tapi biar lebih bermakna saya bagi tutorialnya tentang Cara Membuat Tampilan Label dengan Menu Dropdown .. Berikut Tutorialnya :

1.Seperti biasa, Login dulu di blogger .com

2.Setelah memasuki dashboard, klik menu layout lalu pilih edit HTML

3.Kemudian dari pada itu, jangan lupa kasih tanda centang di expand template widget

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


Seandanya tak kunjung ketemu, berarti menu label anda belum terpasang. Silahkan pasang terlebih dahulu kemudian dari pada itu kembalilah untuk mengikuti jejak langkah yang saya tulis ini lagi. Dan jika sudah terpasang dan telah kau temukan jangan tunggu lama langsung saja ganti kode tersebut 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>



Kemudian jika sudah lansung disimpan yah, dan lihat tampilan baru label anda. Bagi semua pihak yang mencoba, selamat mencoba saja semoga berhasil dan saya turut berdoa akan keberhasilan anda. Berhubung sudah lar kelar belajar barengnya disambung dilain waktu dengan tema yang lain pastinya…….

Matur suwun…….




Yuk…..mari…..

Yok…..ndang…..yok….


Salam hormat dariku,

wong_anTeng