13.7.12

Duas barra lateral com imagem

2

Tumblr_m71w8e1yfg1r0wbjmo1_500_large

 Eu já ensinei aqui como colocar imagem na barra lateral, mas não ensinei como colocar imagem quando é duas barras laterais, então, vamos aprender.


 1° Vá em Design de Modelo do blogger, Layout, e coloque na opção de duas barra lateral.
 2° Agora vamos arrumar a largura, vá em Ajustar largura, e coloque 1000 por 420 pixels, pois é a largura das imagens que vou deixar no final do post, mas se você quiser aumentar ou diminuir a imagem.

 Prontinho, salve. Agora vamos aos códigos de HTML.

 Clique Ctrl F e procure por:

 Coluna direita: .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
 Coluna esquerda:  .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

 Ao encontrar, lá vai esta assim:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { 
margin-right: $(content.padding); 
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; 
}


 Substitua o que esta em azul por esse código:

background: url(link da sua imagem);

 O que estiver em azul você coloca o link da imagem.
 Visualize e salve.

 Agora as imagens para a barra lateral que eu fiz.






2 comentários:

Related Posts Plugin for WordPress, Blogger...