Cute Search box
Kamis, 13 Oktober 2011 | 01.53 | 2 comments
Assalamualaikum..




hello, apa kabar ?
udah lama Rana gak bikin tutors. tau kan ?karna UTS .
yap sekarang Rana mau bikin tutors tapi kamu harus Click ini dulu
udah ? bagus ! sekarang simak baik baik tutors berikut




itu namanya Search box untuk blog. jadi kalau pengunjung blog kamu ingin nyari sesuatu.
tidak usah mondar-mandir di blog kamu, tapi tinggal ketik apa yang dia mau lalu keluar deh apa yang dia cari.
kamu mau ini di blog kamu ? cekidot

Design > Page Element > Add Gadget > HTML/JavaScript

Copy kode berikut :

<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: #fff; border: #cdeff7 dashed 1px; color: #a7a7a7; font-size: 10px; width: 230px;" type="text" value="Search~ ♡" vinput="" /> <input id="searchButton" style="background: #fff; border: #cdeff7 dashed 1px; color: #a7a7a7; font-size: 9px; padding-top: 3px;" type="submit" value="Go" /></form>

keterangan :
Red : background box
Orange : warna border
Green : jenis border
Aqua : ketebalan border
Blue : warna text di box
Pink : ukuran font
Bold : Nama Search box
Italic : lebar box

Save dan lihat hasilnya

Older Post | Newer Post