Como agregar un buscador a tu blog de Blogger

En este post aprenderemos a como agregar o añadir un buscador a nuestro blog de Blogger, para esto solo hay que seguir 3 simples pasos. Recordemos que el buscador siempre debe ir en una zona visible (principalmente al inicio). Otro punto es que este buscador de Blogger es más conveniente añadirlo si es que no se cuenta con Adsense de Google o sólo para complementarlo.

Para añadir el código debemos:

1.- Acceder al menú Plantilla >Elementos de página

2.- Aquí, agregaremos un elemento del sidebar de tipo HTML/Javascript

3.- Al campo de título podemos ponerle "Buscador" o dejarlo vacío, el campo de contenido sí debe tener el siguiente código:

<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>

Resultado:


Pueden personalizar el texto Buscar por otro que ustedes deseen e incluso pueden añadirle estilos al botón, por ejemplo podrían añadirle códigos de CSS así:

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/> <input id="search-btn" style="border: #darkblack 1px solid; color:#204063; font-family: Verdana; font-size: 12px; text-align: center; width:70px; height: 25px; background-color: lightgray; font-weight: bold;" value="Buscar" type="submit"/></form>

Resultado:


Asi podrían ir jugando con otros diseños y parámetros de CSS. Cualquier duda postean.