|
Para incluir una imágen una foto o un logo en el título o cabecera de su blog debe buscar en su template donde se definen las propiedades del "HEADER". No todos los templates en blogger son iguales, por lo tanto debe haber una diferencia entre unos y otros y de la forma en que se pueden editar para lograr incluir una imágen en el título. Sin embargo la mayoría de estos incluyen una pieza de código como la siguiente:
| CODE |
#header {
width:480px;
margin:0 auto 10px;
border:1px solid #ccc;
} |
... esta pieza de código corresponde al template "Mínima". Ahora usted debe incluir lo siguiente para mostrar una imágen de fondo en su título, o sea que la imágen se mostrará por la parte de atrás del título y descripción de su blog, así:
| CODE |
#header {
background:url(http://loquesea.com/imagen.gif);
width:480px;
margin:0 auto 10px;
border:1px solid #ccc;
} |
... al añadir background:url(http://loquesea.com/imagen.gif); estamos incluyendo la imágen de la URL como fondo. Algunos templates ya tienen esto incluido en la propiedad de "header" pero solo muestran un color de fondo, por ejemplo:
| CODE |
#header {
background:#fff;
width:480px;
margin:0 auto 10px;
border:1px solid #ccc;
} |
... el #fff representa el color blanco, y la cabecera por lo tanto tiene un fondo de color blanco. Este número se puede cambiar para obtener diferentes colores de fondo de la cabecera o título y tambien se le puede añadir la dirección URL de una imágen para mostrar dicha imágen de fondo, así:
| CODE |
#header {
background:#fff url(http://loquesea.com/imagen.gif);
width:480px;
margin:0 auto 10px;
border:1px solid #ccc;
} |
... recuerda incluir el código de background:#fff url(http://loquesea.com/imagen.gif); exactamente como lo vez en este ejemplo, la direccion url debe estar cerrada entre paréntesis (http://loquesea.com/imagen.gif) y debe finalizar con un punto y coma así: background:#fff url(http://loquesea.com/imagen.gif);
Si la imágen que se quiere mostrar de fondo es más pequeña que la cabecera esta se va a repetir hasta completar todo el espacio de la cabecera, para que esto no suceda debe añadir al código la propiedad de "no-repeat", así: background:#fff url(http://loquesea.com/imagen.gif) no-repeat;
nota: Si no encuentra en su blog la propiedad de "header" es posible que esta se encuentra abreviada y solo diga h1 o que no aparezca; cuando suceda esto vaya probando en su template e incluya el código de background en las piezas de código y utilice la opción de "PREVIEW", así se dará cuenta donde aparece la imágen y que parte del código es la que edita. Tarde o temprano podrá ver la imágen de fondo en la cabecera o título, guarde y publique.
|
Trucos y tutoriales 
