Wednesday, May 1, 2013

Tutorial: Search Box Berwarna

Hari ni Faris nak buat tutorial seach box berwarna. Macam ni lah search box berwarna tu.
 

 


Nampak menarik tak ? Hahha. Jom kita buat search box ni.

1.Dashboard > Design > Klik Add A Gadget > Html/JavaScript 

2.Copy kod di bawah ini :


<form id="searchthis" action="URL Blog Korang di sini/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text" style="background: #00CC00; border: 1px solid #006600" />
<input id="b-searchbtn" value="Search" type="submit" style="background: #00CC33; border: 2px outset #003300; color: #ffffff; font-weight: bold;" />
</form>


3. Paste di bahagian Html/JavaScript tadi tu .


Warna merah: background pada search box 
Warna Kuning: backgorund pada search button
Warna oren: border di search box dan search button
Warna biru: tulisan di search button

Anda boleh dapatkan kod warna DI SINI.

Dah siap , Preview dulu . Then , SAVE ! Menjadi takk ?




No comments :