Como poner un buscardor personalizado

Este truco sirve para poner un buscador personalizado en tu barra lateral como gadget, puedes personalizar los colores a tu gusto.

Pasos:

1. Tienes que ir a tu panel de Blogger y darle click en "Añadir un gadget"

2. Añade un gadget tipo "HTML/Javascript"

3. Pega el siguiente codigo

<style>
#search-btn {
background-color:#A9D0F5;
color:#FFFFFF;
margin:0;
font:bold 16px Arial;
border:0;
}
#search-btn:hover {
cursor:pointer;
background-color:#2E9AFE;
}
#search-box {
color:#2E9AFE;
margin:0;
font:bold 16px Arial;
border:1px solid #CEE3F6;
width:150px;
}
</style>
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text"/>
<input id="search-btn" value="Buscar" type="submit"/>
</form>

El buscador se vera asi:

4. Para personalizar los colores

#search-btn {
background-color:#A9D0F5; este es el color del fondo del boton
color:#FFFFFF; este es el color del texto del boton
margin:0;
font:bold 16px Arial;
border:0;
}
#search-btn:hover {
cursor:pointer;
background-color:#2E9AFE; color de fondo del boton al estar el mouse encima
}
#search-box {
color:#2E9AFE; color de las letras del area de texto
margin:0;
font:bold 16px Arial;
border:1px solid #CEE3F6; color del borde del area de texto
width:150px; ancho del area de texto
}