Çok sade bir arama kutusu arıyorsanız bu tam size göre, çok basit ve kullanışlı. En iyi yanı ise her temaya kolayca entegre olması.


Resimde gördüğünüz arama kutusuna ait kodlar aşağıda mevcut.Arama kutusunu kullanmak istiyorsanız kodu HTML/JavaScript gadget’ı olarak blogunuza eklemeniz yeterli olacaktır.

<style>

.searchform{

font-size:1.05em;

font-weight:bold;

margin:0 0 10px 0;

color:#0084CE;

}

</style>

<div class="searchform">

Ne aramıştınız .?

<form method="get" id="searchform" action="/search">

<table width="99%">

<tr>

<td><input type="text" style="width:98%;padding:2px;" value="Aranacak kelime..." onfocus="if (this.value == &quot;Aranacak kelime...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Aranacak kelime...&quot;;}" name="q" id="sbox" class="sbox" /></td>

<td width="65px"><input type="button" value="ARA" id="sbutton" class="sbutton" alt="" /></td>

</tr>

</table>

</form>

</div>

Arama Kutusunun üzerindeki ''Ne aramıştınız.?'' yazısı yerine istediğinizi yazabilirsiniz. Boyutunu değiştirmek için 1.05 yazan değerle oynayın, renginide blogunuz da kullandığınız  renklerden biriyle değiştirebilirsiniz.