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 |
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>A continuación puedes observar una vista previa del truco:
