07 March 2010
Label DropDown
hak milik
Sue
Assalamualaikum sume kali ni Msue nak kongsi ngan bagaimana hendak membuat label berbentuk dropdown korang mungkin tidak suka pada atau pun
1. Login ke Blogspot seperti biasa .
2. Klik Layout - Edit HTML(Tandakan pada kotak Expand widget)
3. Cari kod di bawah(gunakan CTRL + Funtuk memudahkan korang mencarinye)
<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>
4. Padam kod tersebut dan gantikan ngan kod di bawah
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Pilih Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
5. Preview dan Save template .
Note : Pada highlight merah itu korang leh tukarkan ngan ayat korang sendiri
Via - PelajaranBlog
1. Login ke Blogspot seperti biasa .
2. Klik Layout - Edit HTML(Tandakan pada kotak Expand widget)
3. Cari kod di bawah(gunakan CTRL + Funtuk memudahkan korang mencarinye)
<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>
4. Padam kod tersebut dan gantikan ngan kod di bawah
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Pilih Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
5. Preview dan Save template .
Note : Pada highlight merah itu korang leh tukarkan ngan ayat korang sendiri
Via - PelajaranBlog
