Poner una imagen o Fondo al Footer

Hola mis nenas este nuevo tuto lo empiezo rapidito pues traigo un dolor de cabeza horrible :(

y que es el footer ...??
bueno es una partecita que algunas plantillas traen y es de tono gris..es algo molesta pues le da un toque algo feo al blog o no? bueno a mi no me gusta por eso se la quite xD peroo tambien se puede personalizar al gusto de cada una de ustedes poniendosele un fondo o una imagen ya sea gif o png okis..

yo puse la imagen de los ositos en mi blog de pruebas

Antes

Despues



o con un fondito

bueno empezemos:

Este para disenos windows picture

1.- Busca

.footer-outer {
color:$(footer.text.color);
background: $(footer.background);

2.- remplazalo por este codigo:

.footer-outer {
background:#FFFFFF url(http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/foot.png)no-repeat;
background-position: bottom center;
width:950px;
height:170px;
clear:both;
margin:0 auto;
padding-top:0px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1em;
text-align: center;
border: 1px dashed #F5A9F2;
}

quedaria asi:



4.- Da vista previa para visualizar y guarda

5.- Ahora Edita:

Rosita: Direccion de tu imagen o fondo
Azul: color del fondo del footer
Rojo: Altura del footer // *puedes hacerlo mas grande si tu imagen es mas grande o mas pequena.. de preferencia que tus imagenes sea de tamano medio *//
Verde: lo largo del footer
Morado: Forma del borde del footer
Cafe: Lo grueso, tipo de borde y color de borde el footer
Naranja: esa opcion es para cuando eliges poner fondo quitale el no- y se repetira el fondo varias veces..

PARA OTRAS PLANTILLAS

busca /* ----- POST-FOOTER ----- */

y pega este codigo justo abajo de el

.footer {
background:#FFFFFF url(http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/foot.png)no-repeat;
background-position: bottom center;
width:950px;
height:170px;
clear:both;
margin:0 auto;
padding-top:0px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1em;
text-align: center;
border: 1px dashed #F5A9F2;
}

Da vista previa para visualizar y guarda

** Para editar fijate en el paso 5 **

PARA LAS QUE NO ENCONTRARON EL CODIGO FOOTER solo pega este codigo justo antes de ]]></b:skin>

//*este es opcional solo si lo quieren tener okis?*//

.footer-outer {
background:#FFFFFF url(http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/foot.png)no-repeat;
background-position: bottom center;
width:950px;
height:170px;
clear:both;
margin:0 auto;
padding-top:0px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1em;
text-align: center;
border: 1px dashed #F5A9F2;
}

Da vista previa para visualizar y guarda ^^

no copycat u.u