Tutorial : Cute Search Box

Assalamualaikum..

Salam Ceria - Ceria ~

Search Box yang Nia pakai sekarang ni..

Simple but nice kan?

Yang paling best boleh tukar-tukar warna mengikut kesesuaian warna blog kita..

1. Dashboard > Design > Page Elements > Add A gadget > pilih HTML/JavaScript

2. Copy code bawah ini :

<form action="/search" id="searchThis" method="get" style="display: inline;"> <input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #ffffff; border: #ffbf00 dashed 1px; color: #000000; font-size: 12px; width: 150px;" type="text" value="Awak Cari Nak Apa?" vinput="" /> <input id="searchButton" style="background: #fcde85; border: #ffbf00 solid 1px; color: #000000; font-size: 12px; padding-top: 3px;" type="submit" value="Cari" /></form>

ABC : Ubah warna mengikut kesesuaian blog anda. Korang bolehlah try-try untuk puaskan hati. Kod warna DI SINI! ABC : Pattern border boleh pilih antara solid / dashed / dotted. ABC : Ketebalan border.

ABC : Saiz Tulisan

ABC : Saiz lebar search box

ABC : Ubah kepada ayat sendiri

3. Save dan Preview :)

Da siap nanti dia akan jadi macam ni :

Nak lagi cantik, cuba la sendiri :)