Añade un buscador personalizado en tu blog de Blogger

Blogger es genial, de eso no hay duda, y es más genial cuando le añadimos trucos extras que mejoran su apariencia y sus funciones, como es el caso de hoy, en el que veremos como añadir un buscador personalizado en Blogger, es cuestión de añadir el cuerpo del buscador y un poco de CSS para darle un aspecto "cool".

Añade un buscador personalizado en tu blog de Blogger
Añade un buscador personalizado en tu blog de Blogger

Para añadir el buscador debes ir a Diseño, Añadir gadget, HTML/JavaScript y desde allí pegar lo siguiente:

<style>
#search-btn {
background-color:#A9D0F5;
color:#FFFFFF;
margin:0;
font:bold 22px 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: 80%;
}
</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>

Guarda los cambios y revisa que todo esté funcionando correctamente, recuerda que puedes cambiar la apariencia del buscador desde el CSS.

A continuación puedes observar una vista previa del truco:

Entradas que pueden interesarte

disqus