feedburner
Enter your email address:

Delivered by FeedBurner

Trucos Blogger. Varios

CATEGORIAS:

Poner imagen en el fondo de plantilla

Como tal este truco es bien fácil. Lo primero que hacemos, es iniciar sesión en google, luego en Edit HTML presionar Control+F ( presionando a la vez a esos teclados se abre ventana de buscador, que le ayudará a buscar cualquier parte del código), introducir body { y fijamos en resultado :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

o algo asi, depende del diseño de plantilla, pero

body {
background:$bgcolor;


siempre debe estar presente. Ya una haberlo encontrado, buscamos alguna imagen que queramos para fondo, subirlo en ImagesHack o a su servidor , guardar url ya que lo necesitaremos pronto. De ejemplo, yo he usado siguiente dirección :

Foto de background

Vale. Ahora ya es hora de crear código necesario. Reemplazar


body {
background:$bgcolor;

con siguiente código:


body {
background-image: url(http://img246.imageshack.us/img246/4439/
flyingbirdredbackgroundob5.jpg
);

fijarse que la dirección que sale en rojo tienen que cambiarlo por su propia dirección de URL.! Guardar cambios y refrescar blog veremos cambios de este tipo :


Cambiar el color del fondo

Bueno, para eso entramos en Edit HTML y cambiamos siguiente código

body {
background:$bgcolor;

con

body {
background-color:#ff0000;

en este caso código ff0000 corresponde al color rojo, Aqui pueden encontrar y elejir colores y sus valores hexadecimales y cambiar el #ff0000 por el color que más le guste.

Color en SideBar

En Edit HTML buscar #sidebar-wrapper { y debajo de ese último poner
background-color:#FF0000;

hasta que tenga aspecto algo parecido a :

#sidebar-wrapper {
background-color:#FF0000;
width: 220px;
float: $endSide;
word-wrap: break-word; overflow: hidden;
}

Con esto, sidebar, será de color rojo.


Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!



0 comments:

Post a Comment