Imagem no topo da área da postagem - Atualizado
Clique em leia mais para ver o restante do tutorial.
Então, vá em Design > Editar HTML > De ctrl + F (ou F3) e digite na caixinha de busca o seguinte código:
.main-inner .column-center-outer {Se você nunca editou essa parte do modelo, no seu HTML estará mais ou menos assim:
.main-inner .column-center-outer {Apague a linha _background-image: none; e no lugar coloque o seguinte código:
background: $(post.background.color) $(post.background.url) repeat scroll top left;
_background-image: none;
}
background-image: url(url da imagem);Obs: - Se quiser a imagem no footer da área de postagem troque top por bottom.
background-position: center top;
background-repeat:no-repeat;
-Para a imagem se encaixar direitinho você deve saber a largura do seu blog e da sua coluna lateral (sidebar) isso você vê em Designer do modelo > Ajustar larguras. Então você pega a largura total do seu blog e subtrai a largura da sua sidebar. O resultado será a largura de sua área de postagem.
Por exemplo: 1020 (total) - 270 (sidebar) = 750. Esse deve ser a largura da sua imagem. Se por acaso não der você vai testando outros tamanhos até encaixar.
Vou deixar um exemplo de imagem para vocês terem como inspiração na hora de criar as suas. Ela tem 600px de largura, se sua área de postagem ter essa largura e você gostar pode usar a vontade. Ficou meia boca, mas é só pro exemplo.
Obs²: Na parte que estiver transparente (vazia) você deve por o background do seu blog, pois como é transparente vai aparecer o branco da área da postagem. Exemplo:
http://goimagines.blogspot.com.br/2011/11/imagem-no-topo-ou-footer-da-area-de.html#more
0 comentários: