¿Cómo centro la imagen de la cabecera del blog?
Últimamente he recorrido algunos blog nuevos con muy buenas ideas pero he notado que la imagen colocada en la cabecera no está centrada o no se ajusta a la plantilla...Yo tuve el mismo problema cuando comencé, pero como soy algo "maniático" con la estética de un blog no me puedo resisitir cuando veo uno con este problema...
Aquí va mi guía para hacerlo paso a paso:
1- En el panel de control de tu blog en "blogger" ir a Diseño--->Elementos de la página
2- Ahora clik en Editar donde dice Cabecera.
3- Se abrirá la siguiente ventana
4- Esta ventana permite cambiar el título del blog y agregar una imagén detrás o en sustitución del mismo. Una vez cargada la imagen estará colocada en la cabecera del blog...
5-Supongo que la mayoría ya sabe hacer esto... el tema es que muchas veces nos llevamos la sorpresa de que la imagen no coincide con nuestra cabecera o que hay que cambiar su tamaño para que se vea bien y NO pase lo siguiente:
6-Pues no es necesario cambiar el tamaño de la imagen y perder parte de ella, sino que podemos cambiar el ancho del blog y de la cabecera, del siguiente modo:
7-Ir a Diseño--->Edición HTML y dentro del lenguaje html buscar el siguiente código:
#header-wrapper {
width:600px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#outer-wrapper {
width: 600px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
header-wrapper: idica el acho y los atributos básicos del encabezado
outer-wrapper: indica el ancho y atributos generales de todo el blog
SE DEBEN MODIFICAR AMBOS
Por ejemplo si la imagen que tengo de cabecera es de 900 px deberé cambiar donde dice "width: 600px;" por el número de ancho quedando de este modo "width: 900px;" (siempre es bueno agregarle algún pixel más, tanto en header-wrapper como en outer-wrapper.
Quedará así:
Les recomiendo también ir probando distintas tamaños para ver los efectos que produce.
También pueden modificar el margin y el padding e ir viendo lo que ocurre
No olvidar al salir de edición HTML, guardar los cambios... Si les da miedo hacer una macana o meter la pata con la plantilla le dan a vista previa y no graba los cambios.
Es fácil no teman
Espero os sea útil...
Muchas gracias, no lo encontraba en otro lugar tan clarito
ResponderEliminar