Buscador interno inteligente

Ahora toca el turno a un buscador interno inteligente. No es que sea inteligente y te diga lo que debes buscar. Si no que es parecido al funcionamiento de los buscadores de Google:

Como puedes ver si haces clic en la caja del buscador, esta se pone en blanco y si no escribes nada esta vuelve a su estado original. Esto se debe a un algoritmo en JavaScript que me di a la tarea de programar.

Si te interesa agregar a tu blog el buscador, puedes agregar el siguiente código a cualquier gadget o a la plantilla directamente:

<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='b-query' maxlength='255' name='q' onblur='if(this.value==&quot;&quot;)this.value=&quot;Haga su busqueda&quot;;else;this.value=this.value' onfocus='if(this.value==&quot;Haga su busqueda&quot;)this.value=&quot;&quot;;else;this.value=this.value' size='15' type='text' value='Haga su busqueda'/>
<input class='blue' id='b-searchbtn' type='submit' value='Buscar'/>
</form>

Tambien puedes colocar en vez de un botón con texto una imagen:

Si te interesa agregar a tu blog el buscador, puedes ver la entrada completa!!

<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='b-query' maxlength='255' name='q' onblur='if(this.value==&quot;&quot;)this.value=&quot;Haga su busqueda&quot;;else;this.value=this.value' onfocus='if(this.value==&quot;Haga su busqueda&quot;)this.value=&quot;&quot;;else;this.value=this.value' size='15' type='text' value='Haga su busqueda'/>
<input alt='Buscar' border='0' id='b-searchbtn' src='http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Crystal_Clear_app_xmag.png/32px-Crystal_Clear_app_xmag.png' type='image'/>
</form>

El texto en color rojo es el texto que prefieras. Mientras el texto color amarillo es la url de la imagen que quieras.