Followers

Friday, December 24, 2010

Membuat dropdown menu untuk label

Sebelum itu, saya ingin mengucapkan terima kasih kepada cik merah yang sudi mengajar saya bagaimana untuk membuat tutorial ini. Ikuti langkah-langkahnya :

1. Dashboard > Design > Edit HTML. 

2. Save dahulu template anda.

3.JANGAN tick the  Expand Widget Templates checkbox. 

4.Cari  kod di bawah dalam  HTML anda :  Guna Ctrl + F

 <b:widget id='Label1' locked='false' title='Labels' type='Label'/>

5. Gantikan kod di atas dengan kod di bawah :


<b:widget id='Label1' locked='false' title='Labels' 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>Click to choose 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> 
<b:include name='quickedit'/> 
</div> 
</b:includable> 
</b:widget>
 
nota :
tulisan merah~tajuk boleh diubah mengikut kehendak anda, 
~ketinggian boleh diubah juga. 
 
6. Sebelum save template baru, preview dahulu. 
  




Post Berkaitan Plugin for WordPress, Blogger...