Hoje vou ensinar a vocês algo que eu acho muito legal em blogs, que é colocar imagem no fundo da barra lateral. tomara que gostem!
- Após fazer loguin em sua conta do blogger, aperte em desing > editar HTML
- Aperte Ctrl F e pesquise por:
- deverá aparecer assim:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
- A primeira linha abaixo deste código substitua por:
- Depois de fazer estes passos, aperte novamente Ctrl F e pesquise por:
- Deverá aparecer assim:
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
- Acrescente o background-image: url(URL DA SUA IMAGEM);
- ficando assim:
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
background-image: url(URL DA SUA IMAGEM);
}
Estes códigos são de barra lateral na esquerda, se sua for na direita, apenas mude o left por right, mas nada!
as escritas em azul mude pelo url da imagem de fundo.
depois de acabar, aperte em "visualizar, se gostou clique em "salvar modelo, mas se não gostou, aperte em "limpar edisões".
Nenhum comentário:
Postar um comentário