Sunday, March 6, 2011

tuto: Wishlist

Assalamualaikum n hye...
Hari ni aisyah nk buat tutorial "wishlist" . korang dah tahu kan pasal wishlist ni kan . maybe ade yang belum tahu . So, aisyah nak ajar macam mana nak letak wislist dalam blog. sebelum tu jum preview dulu wishlist ni . :)


style 1: without background. (live preview)
wishlist kowang
wishlist kowang
wishlist kowang
wishlist kowang

2. Copy Code di bawah dan paste kan kat mana2 korang nak letak sama ada dekat Body or Sidebar.

<form name=myform>
<input type="checkbox" name="mybox" value="1" checked />wishlist kowang<br />
<input type="checkbox" name="mybox" value="2" checked />wishlist kowang <br />
<input type="checkbox" name="mybox" value="3" disabled />wishlist kowang <br />
<input type="checkbox" name="mybox" value="4" disabled />wishlist kowang <br />
</form>

3. tulisan pink tu korang boleh pilih sama ada nak letak checked (boleh tick)  atau pun disabled (tak bleh tick).
4. tulisan coklat oren tu korang kena gantikan dengan wishlist korang .
5. yang nombor tu pula . setiap kali korang nak tambah wishlist korang kena tulis nombor ikut turutan.
6. Preview dan Save :)

Style 2 : With background. (live preview)

wishlist kowang
wishlist kowang
wishlist kowang
wishlist kowang

1. Dashboard > Template > edit HTML
2. Copy Code di bawah dan paste kan kat mana2 korang nak letak sama ada dekat Body or Sidebar.

<form name="myform" style="background: url(http://i.imgur.com/2apt9J5.png); width:200px; padding:5px;">
<input type="checkbox" name="mybox" value="1" checked />wishlist kowang<br />
<input type="checkbox" name="mybox" value="2" checked />wishlist kowang <br />
<input type="checkbox" name="mybox" value="3" disabled />wishlist kowang <br />
<input type="checkbox" name="mybox" value="4" disabled />wishlist kowang <br />
</form>

3. tulisan ungu tu korang tukar dengan url background korang.
4. tulisan pink tu korang boleh pilih sama ada nak letak checked (boleh tick)  atau pun disabled (tak bleh tick).
5. tulisan coklat oren tu korang kena gantikan dengan wishlist korang .
6. yang nombor tu pula . setiap kali korang nak tambah wishlist korang kena tulis nombor ikut turutan.
7. Preview dan Save :)

Good Luck. :)

No comments:

Post a Comment