Como pôr backgrounds diferentes nas postagens | Blog do Joanir -->

Como pôr backgrounds diferentes nas postagens

segunda-feira, 11 de maio de 2015
Gostaria de ter um background (imagem de fundo) diferente em uma postagem do seu blog? Algo mais específico ao assunto? Então acompanhe esse simples tutorial de como colocar um background com a cara do seu blog.

Na imagem, há três prints de tela de uma postagem deste blog. Em cada print, é mostrado uma imagem de fundo (background) diferente
Backgrounds diferentes

O que é preciso

Basicamente, na edição da sua postagem,, no modo HTML, você deve pôr o código abaixo.

<style>
body {background-image: url(link-da-sua-imagem.jpg); background-size: cover;}
</style>

Veja na imagem:

Como pôr o background no body do blog: na postagem, selecionar o modo HTML e por a tag <style> body{}</style>
Editando a postagem em modo HTML

Feito isso, o seu código já estará funcionando. Porém, quando você estiver na página inicial do seu blog, haverá conflito entre o Background principal do seu blog com o background específico da sua postagem. Para resolver isso, coloque o código mencionado acima em qualquer lugar abaixo da Expansão de postagem.

Deve-se pôr o código abaixo da tag <hr class=
Deve-se pôr o código abaixo da tag <!--more-->

Em HTML, essa expansão é identificada como <!--more-->. Ela cria, na página inicial do seu blog, um "Leia mais". Se você não a usa, pode utilizar o código sem ela, mas dessa forma, a página inicial do blog sempre terá a background configurada do post  que estiver no topo.

É isso. Espero ter ajudado, Até a próxima.