Pasos para incluir la búsqueda interna de Blogger
- Blogger > Diseño > Añadir un gadget (en la posición que desees, dentro del diseño)
- De la lista de gadgets, seleccionamos HTML/Javascript
- Poner un título y copiar este código en el contenido:
<form action="search/" id="ba-cuadrobusqueda" method="get"> <input id="ba-cadenabusqueda" name="q" /> <input id="ba-enviar" type="submit" value="Buscar" /> </form>
- Guardar el gadget y visualizar el blog
Si queremos personalizar el buscador, reemplazamos el código del paso 3 por este otro:
<style>
#ba-cuadrobusq .ba-textobusq {
border: 1px solid #DDD;
box-sizing: border-box;
color: black;
font-family: 'Lora', serif;
font-size: 14px;
padding:9px;
width: 220px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#ba-cuadrobusq .ba-textobusq:hover {
box-shadow:inset 1px 1px 8px gainsboro;
}
#ba-cuadrobusq .ba-textobusq:focus {
background-image: -webkit-linear-gradient(white,white);
background-image: -moz-linear-gradient(white,white);
background-image: -ms-linear-gradient(white,white);
background-image: -o-linear-gradient(white,white);
Entradas
