sábado, 30 de julho de 2011

0

Como colocar imagem na barra lateral

como você coloca uma imagem na barra lateral do seu blog. Não é difícil,
mas primeiro precisamos saber se sua barra é a esquerda ou a direita sabendo que:
Esquerda - Left  | Direita - Right
 

Acho que tem outra forma de se fazer isso, mas essa foi a que eu consegui.
Se a sua barra for a esquerda (left): vá em > Design > Editar HTML > Ctrl + F >
procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  
deve aparecer assim:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

altere assim:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
 background-image: url(URL DA SUA IMAGEM) $(widget.outer.background.gradient) repeat scroll top left;

}

ok, esse foi o primeiro passo, ainda não vai aparecer nada agora 
procure por:
.main-inner .fauxcolumn-left-outer {

deve aparecer assim:
.main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

acrescente o background assim:
.main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
        background-image: url(URL DA SUA IMAGEM);
     }

Veja se esta tudo certo, se apareceu a imagem, e pronto! salve
Caso sua barra seja a direita (right) apenas quando for procurar troque Left por Right.
espero ter ajudado beijoos
Obs: Tutorial apenas testado no modelo Travel do blogger

Nenhum comentário:

Postar um comentário

beijinhos