Label Cloud

Search This Blog

07 March 2010

online counter Label DropDown

Assalamualaikum sume kali ni Msue nak kongsi ngan bagaimana hendak membuat label berbentuk dropdown korang mungkin tidak suka pada label claud atau pun label cloud berbentuk animasi . .

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 .yahoo:okay:



Note : Pada highlight merah itu korang leh tukarkan ngan ayat korang sendiri




Via - PelajaranBlog





Tinggalkan Komen Anda Disini