miércoles, 22 de mayo de 2013

Insertar buscador arriba de la cabecera


Buscar en edición html el siguiente codigo:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Cambia maxwidgets='2' showaddelement='yes'

Ir a diseño y agregar  gadget el cuadro de Busqueda


Entra  Diseño ► Diseñador de Plantillas ► Avanzado ► Añadir CSS. Copias este codigo:


#CustomSearch1 {
#CustomSearch1 {
z-index:1000;
float:right;
position:relative;
top:16px;
right:0px;
width:200px;
height:33px;
padding-left:36px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3rx7C0ERD62yGS-P5px0kYZ2rhKC8UT2qJ7fzBCYJBLZGh9LiW4hWAYj5aKFNb6zfvKVcrTUDKRW5rq8CDbvBp6GVliw0VBlq0FN8vL1d6T00b1XJbKbAC6AKcKw-QVVYszKPAnqK1D_u/s400/lupa.gif) no-repeat 0px 0px;
}

float:right;
position:relative;
top:16px;
right:0px;
width:200px;
height:33px;
padding-left:36px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3rx7C0ERD62yGS-P5px0kYZ2rhKC8UT2qJ7fzBCYJBLZGh9LiW4hWAYj5aKFNb6zfvKVcrTUDKRW5rq8CDbvBp6GVliw0VBlq0FN8vL1d6T00b1XJbKbAC6AKcKw-QVVYszKPAnqK1D_u/s400/lupa.gif) no-repeat 0px 0px;
}

Cambiar la ubicación
TOP 

Cambia el ancho
WIDTH
HEIGHT 

Colocar icono al buscador
 PADDING 
BACKGROUND

No hay comentarios:

Publicar un comentario