Buscador básico para el blog

Para agregar el Gadget de Buscardor que nos permita y permita al visitante buscar el tema que le interese en nuestro sitio de Blogger, tenemos que.

• Ir a Diseño ► Añadir un gadget ► HTML/Javascript.
• Dentro del gadget pegaremos uno de los siguiente código:

<form action='/search' id='search' method='get' name='searchForm' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == &quot;&quot;) this.value = &quot;Buscar...&quot;;' onfocus='if (this.value == &quot;Buscar...&quot;) this.value = &quot;&quot;;' size='38' type='text' value='Buscar...'/></form>

<form action="/search" id="searchthis" method="get" style="display: inline;">
<input id="search-box" name="q" size="38" type="text" placeholder="Search... " /> <input id="search-btn" type="submit" value="Buscar" /></form>

Para personalizar el buscador

debajo del código elegido pegar por ejemplo el siguiente código CSS

<style type="text/css">
#searchthis #search-btn{/*personalizar el boton buscar*/
display:none;/*no se vera el boton, eliminarlo para darle formato*/
}
#searchthis #search-box{/*personalizar la caja de busquedad*/
background: transparent;
border:none;
color: #000;
border: 2px solid #ddd;
height:34px;
float: center;
width:280px;
font: normal normal 12px 'Arial', ans-serif;
letter-spacing: 1px;
text-align:center;
}
</style>