7.7.12

Tutorial: Imagem na barra lateral

2

Q9qyaqcsndeesmije0cfn6f0o3wrfyl5_large

 Hoje vamos aprender como colocar uma imagem na barra lateral do blog, no modelo Viagem.


 No código de HTML do seu blog, clique em Ctrl F e procure por:

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

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

 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 código em azul por esse:

background: url("URL DA IMAGEM") repeat;

 E coloque o URL da imagem que você quer na sua barra lateral.

 Agora, algumas imagens para colocar na barra lateral:

Para pegar o URL da imagem, clique no botão direito em cima da imagem e selecione a opção ''Copiar URL da imagem''





2 comentários:

Related Posts Plugin for WordPress, Blogger...