Loading...

Cara Meletakkan search box di blog korang

Sunday, July 19, 2009

1.Login ke Dashboard korang. Klik pada Design -->Pastikan korang berada pada page element dan klik Add a Gadget --> Pilih “HTML/JavaScript”.

2.Salin kod dibawah dan paste pada ruangan HTML/javascript tadi.Klik save.

<p align="left">
<form id="searchthis" action="URL BLOG KORANG/search" style="display:inline;" method="get">
<strong>NAMA BLOG KORANG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>


Nota : Gantikan  "URL BLOG KORANG" dan "NAMA BLOG KORANG" dengan blog korang.

Jika korang mahu ubah saiz kotak box korang, korang boleh mengubah nilai size="20" ke 35 atau nilai lain yang korang rasakan sesuai.
Korang juga boleh menukar perkataan pada butang carian korang contohnya perkatan seperti cari sekarang, buat carian, press this dan macam-macam lagi dengan mengubah Value di dalam kod diatas.

3.Dan korang akan mendapat hasilnya seperti dibawah ini.


Tutorial melayu


Korang juga boleh menggantikan butang search dengan imej agar ia dilihat lebih menarik. di bawah adalah kod untuk meletakkan imej bersama kotak carian.

<p align="left">
<form id="searchthis" action="URL BLOG KORANG/search" style="display:inline;" method="get">
<strong>NAMA BLOG KORANG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src="URL UNTUK IMEJ" align="top"/>
</form></p>

Dan ia dilihat seperti dibawah ini.

Tutorial melayu

TwitThis

0 comments:

Post a Comment