Antes de mais nada crie um imagem com a mesma largura da sua área de
postagens (subtraia a largura total do blog pela largura da sidebar) e
hospede-a em algum site.
Agora vá no HTML do seu blog, aperte Ctrl + F e procure por:
Apague todo esse código e no lugar coloque esse:
Agora vá no HTML do seu blog, aperte Ctrl + F e procure por:
.main-inner .column-center-outer {
background: $(post.background.color) $(post.background.url) repeat scroll top left;
_background-image: none;
}
Apague todo esse código e no lugar coloque esse:
.main-inner .column-center-outer {
background: #fff url(LINK_DA_IMAGEM) no-repeat bottom;
}
O que está de roxo você deve substituir pelo código
da cor da sua área de postagens. A parte em rosa é o posicionamento da
imagem. Bottom significa "em baixo", então se você quiser por uma imagem
no topo da área de postagens em vez de em baixo, é só substituir bottom por top.
Agora se você quiser colocar uma imagem em cima e em baixo
igual eu fiz no meu blog, você terá que fazer a parte de cima junto com o
cabeçalho, de forma que se encaixe com área dos posts.
Este post também pode ser visto no blog Other Things Attitude Included, do qual faço parte como postadora.
Espero que tenham gostado do tutorial. Se usar, comente e credite. Kissus!
Nenhum comentário:
Postar um comentário