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: