Tuesday, February 3, 2015

Cara Membuat Label Drop Down Pada Blogspot

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.



Login ke accunt blogger sobat.

Pilih Template ==> Edit HTML.

Cari kode
di bawah ini (gunakan Ctrl+F)
 
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Lalu Ganti kode tersebut dengan Code tag di bawah ini

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>

Catatan Penting :
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/>)

No comments:

Post a Comment