Búsqueda interna de Blogger

Pasos para incluir la búsqueda interna de Blogger

1. Blogger > Diseño > Añadir un gadget (en la posición que desees, dentro del diseño)
2. De la lista de gadgets, seleccionamos HTML/Javascript
3. 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>
   

4. 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);