Añadir fondo a un gadget:

Tweet
Añadiendo unos cuantos codigos a nuestra plantilla vamos a conseguir agregar un fondo a un Elemento/Gadget de la sidebar o de cualquier otra parte del blog.
El fondo puede ser una imagen o un color en particular.

En este blog se puede apreciar claramente como algunos elementos de la sidebar disponen de una imagen como fondo: solo tienes que expandir, por ejemplo, el etiquetador o el archivador.

1. Nos dirigimos a Diseño>Edicion de HTML y Expandimos Artilugios

Debes de tener claro cual va a ser el elemento al que queremos añadir un fondo. Por ejemplo, si quieres agregarselo al Archivo del Blog, tienes que encontrar este codigo (recuerda expandir artilugios y buscar con Ctrl+F):

<b:widget id='BlogArchive1' locked='false' title='Archivador' type='BlogArchive'>

2. Ahora tienes que copiar el id del elemento, que en este caso seria BlogArchive1, y colocarlo con este codigo:

ATENCIÓN: Este codigo lo pondremos encima de ]]></b:skin>

#BlogArchive1{
background: #000000; 
}

3. Debes cambiar  000000, que en este caso corresponde al color negro, por el que tu quieras.

• El fondo de este gadget sería de color NEGRO, pero, como ya he dicho, puedes cambiarlo por el que tu quieras. Puedes utilizar la siguiente página para obtener el código hexadecimal del color que prefieras.

■ Para agregar de fondo una imagen debes de hacer lo mismo que en el paso anterior, pero poniendo este codigo:

ATENCIÓN: Este codigo lo pondremos también encima de ]]></b:skin>

#BlogArchive1{
background: url(URL-DE-TU-IMAGEN) ;
}

Solo tienes que cambiar URL-DE-TU-IMAGEN, por la correspondiente.

Y si todo se ha hecho correctamente, GUARDAMOS CAMBIOS :)

Posted in: poner fondos