Trucos Blogger. Varios
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
background:$bgcolor;
con siguiente código:
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
background:$bgcolor;
con
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.
Post a Comment