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.
 |
| 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>
body {background-image: url(link-da-sua-imagem.jpg); background-size: cover;}
</style>
Veja na imagem:
 |
| 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 <!--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.
