Para los conocedores, una buena caja de búsqueda es esencial para mostrar el contenido de tu blog o pagina web para que tus usuarios puedan obtener la información que buscan.
Si quieres personalizar tu caja de búsqueda o search box puedes seguir este código para la caja de búsqueda de Tecknomano se necesita un poco de CSS y algo de HTML.
El CSS es el siguiente.
#searchform { margin-top: 8px; /*margen superior*/}#searchform br { display: none; /*no mostras el tag br*/}#searchform #s { width: 160px; /*ancho de la caja*/ height: 25px;/*largo de la caja*/ padding: 8px 6px 6px 8px; /*relleno de la caja*/ border: none; /*sin borde*/ margin-right: 2px; /*margen derecho*/ color: #333333; /*color en hexadecimal*/ font-weight: normal; /font: bold 14px Arial, Helvetica, sans-serif;/*tipo de fuente*/ background: #FEFEFE url(Imagen de Fondo) right center no-repeat; /*Fondo de la caja de búsqueda, en centro derecho sin repetir*/}/* search form botón- para especificar botón sólo utilizar [type="submit"] */#searchform input { background: url() no-repeat; /*fondo sin repetir*/ border: none; /*sin borde*/ width: 62px;/*ancho*/ height: 23px;/*largo*/ font: bold 12px Arial, Helvetica, sans-serif;/*fuente*/ color: #FEFEFE;/*color*/ vertical-align: middle;/*alineación en el medio*/ }También se necesita el siguiente HTML que puedes ponerlo en cualquier parte de tu plantilla de Blogger.
El CSS introdúcelo antes de la etiqueta "]]></b:skin>" para hacerlo entra a tu plantilla y edita el HTML, busca la etiqueta con la ayuda de tu navegador (ctrl+F).
Puedes personalizar todo el CSS, los colores, tamaños, margenes, borde, fuente, alineación y demás.
Source: blogger.com
