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 ?