Adicione uma imagem de fundo em diferentes ocasiões no blogger

Você está entediado com seu blog e quer deixá-lo mais atraente, adicionando uma imagem no fundo do seu blog? As imagens de fundo podem ser vistas como uma ajuda valiosa para tornar seu blog mais atraente e agradável aos seus usuários. Hoje, neste artigo, vamos ensinar a fazer isso muito facilmente.

Por padrão, o Blogger adiciona várias DIV IDs e classes para escrever códigos CSS diferentes em diferentes elementos HTML em seu site. Você pode facilmente adicionar fundos personalizados a postagens específicas, páginas, arquivos ou mesmo página inicial do seu blog.

No entanto, se você deseja alterar a imagem de fundo do seu blog completo, então acesse o Blogger >> Tema >> Editar HTML. Agora procure pela tag skin e, logo acima, cole o seguinte código:

body {
background-image: url(http://example.com/images/your-background-image.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

No código acima, altere o URL da imagem de fundo para aquele que deseja ver como a imagem de fundo do seu blog. Depois de fazer todas as mudanças, pressione o botão "Salvar Tema".

Abaixo deixo alguns códigos CSS para Blogger que você pode usar para adicionar diferentes imagens de fundo a páginas específicas no blogger:

Para definir uma imagem de fundo específica para todas as postagens:

body.item {    background-image: url(Your-Background-Image-URL-Here);    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    background-attachment: fixed;}

Para todas as páginas estáticas (Aquelas que na barra ficam http://seublog.blogspot.com/p/pagina.html)

body.static_page {    background-image: url(Your-Background-Image-URL-Here);    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    background-attachment: fixed;}

Para páginas de arquivo (páginas que aparecem quando você clica para ver mais postagens, postagens mais antigas ou recentes)

body.archive {    background-image: url(Your-Background-Image-URL-Here);    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    background-attachment: fixed;}

Acredito que este artigo vai te ajudar a aprender como adicionar uma imagem de fundo no Blogger. Se este artigo o ajudou, inscreva-se em nosso canal e siga-nos no Facebook e Twitter. 

Se ainda restou alguma dúvida, fique a vontade para deixar nos comentários. Ficarei feliz em ajudar.

Share This :