Cara Membuat Label Drop Down di Blog
Tutorial kali ini saya share tentang Cara Membuat Label Drop Down di Blog. Tutorial ini berguna bagi sobat yang ingin menyembunyikan labels atau category post blog namun masih bisa di lihat oleh pengunjung. Singkat kata, label akan muncul ketika pengunjung mengklik tombool dropdown. Tampilan alabel akan terlihat menarik dengan menambahkan fiungsi dropdown pada pada style box-nya. Jika anda tertarik untuk menerapkannya tidak ada salahnya untuk menyimak tutorial berikut ini.
1. Login ke accunt blogger sobat.
2. Pilih Template ==> Edit HTML.
3. Cari kode di bawah ini (gunakan Ctrl+F)
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>4. Lalu Ganti kode tersebut dengan Code tag di bawah ini
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'>
<option>Choose a Category</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Sobat bisa atur ukuran pada wdth dari drop-down dengan menukar 100%
Sobat bisa tukar Choose a Category terserah sobat.
Jika sobat ingin menyembunyikan jumlah post, silahkan hapus code (<data:label.count/>. Demikianlah tutorial tentang Cara Membuat Label Drop Down di Blog. Semoga artikel ini bermanfaat.
3 comments
Terimakasih tutorialnya