Membina costum search bar pada blog







Untuk membina search bar secara kostum seperti yang bolah anda lihat di atas, hanya ikut beberapa langkah di bawah:

Langkah 1

Salin dan paste kod yang berwarna merah di bawah. Edit pada perkataan yang di boldkan itu kepada perkataan dan teks anda sendiri.

<form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Nak cari apa?" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"/> <input id="searchButton" value="Pergi" type="submit"/></form>

Langkah 2

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya klik pada HTML/Javascript. Kemudian, salin kod yang telah siap di edit tadi (rujuk langkah 1) dan paste pada Content HTML/Javascript itu.

Akhir sekali, klik save.

p/s: Seelok-eloknya, search bar diletakkan di bahagian atas (header) ataupun pada sidebar.

G+

0 comments:

Post a Comment