Cara Membuat Tampilan Label dengan Menu Dropdown di blogger.com

Menu label dalam wordpress biasa disebut dengan kategori. Label biasa digunakan untuk mempermudah pengelompokan postingan misal info lowongan itu berarti yang berkaitan dengan informasi lowongan kerja, Tutorial itu berarti yang berkaitan dengan tutorial dan lain sebagainya. Biasaya menu label adalah bawaan otomatis dari blogger.com yang berada disidebar namun dipasang enggaknya tergantung selera. bagaimana Cara Membuat Tampilan Label dengan Menu Dropdown ? tetap simak tulisan ini untuk menemukan jawabnya. Jika teman-teman memakai fasilitas label yang disediakan oleh blogger maka Tampilan menu Label untuk default nya yaitu dengan menu ul (list style). Jika label teman-teman sedikit mungkin tidak masalah untuk menggunakan fasilitas terbebut karena hanya memerlukan sedikit space di bagian sidebar. Kayak blog aku ini tidak masalah jika menggunakan fasilitas blogger karena label aku Cuma 7 tapi dikemudian hari mungkin akan bertambah karena aku akan tetap terus belajar dan akan selalu berbagi. Aku pernah membuat tampilan label menu dropdown di blog infolowongan, karena dulunya space side debarnya terbatas jadi aku bikin label dengan menu dropdown tapi sekarang sudah tidak lagi karena aku dah ganti templet baru yang sidebarnya lumayan panjang untuk menampung label aku, biarpun aku dah tidak menerapkan tampilan label dengan menu dropdown tapi biar lebih bermakna aku 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 belum terpasang. Silahkan pasang terlebih dahulu kemudian dari pada itu kembalilah untuk mengikuti jejak langkah yang berikutnya. 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.

Matur suwun…….




salam hormat dariku,
widhawati

IG @widhatok 3/05/2011 07:22:00 AM 12 Komentar

Related Posts