Como adicionar uma imagem de fundo no blog do Blogger

Você está entediado com seu blog e deseja torná-lo mais atraente adicionando uma imagem de fundo ao seu site do Blogger? As imagens de fundo podem ser vistas como uma ajuda valiosa para tornar seu site mais atraente e agradável para seus usuários. Hoje, neste artigo, vamos ensinar como adicionar uma imagem de plano de fundo ao seu site do blogger facilmente.

Por padrão, o Blogger adiciona vários IDs e classes DIV para escrever diferentes códigos CSS em diferentes elementos HTML em seu site WordPress. Você pode facilmente adicionar planos de fundo personalizados a postagens, páginas, arquivos ou até mesmo à página inicial do seu site do blogger.

No entanto, se você quiser alterar a imagem de fundo do site completo do seu blogger, vá para Blogger >> Tema >> Editar HTML . Agora procure por skin tag, e logo acima cole o seguinte código:

body {

    imagem de fundo: url(http://exemplo.com/images/your-background-image.png);

    posição de fundo: centro central;

    tamanho do fundo: capa;

    repetição de fundo: sem repetição;

    anexo de fundo: fixo;

}

No código acima, altere o URL da imagem de fundo para aquele que você deseja ver como imagem de fundo do seu blog. Depois de fazer todas as alterações, pressione o botão "Salvar tema".

A seguir estão alguns códigos CSS gerados pelo Blogger que você pode usar para adicionar diferentes imagens de plano de fundo a páginas específicas no blogger:

Para todas as postagens 

body.item {

    background-image: url(Your-Background-Image-URL-Aqui);

    posição de fundo: centro central;

    tamanho do fundo: capa;

    repetição de fundo: sem repetição;

    anexo de fundo: fixo;

}

Para todas as páginas

body.static_page {

    background-image: url(Your-Background-Image-URL-Here);

    posição de fundo: centro central;

    tamanho do fundo: capa;

    repetição de fundo: sem repetição;

    anexo de fundo: fixo;

}

Para todos os arquivos 

body.archive {

    background-image: url(Your-Background-Image-URL-Here);

    posição de fundo: centro central;

    tamanho do fundo: capa;

    repetição de fundo: sem repetição;

    anexo de fundo: fixo;

}

Acreditamos que este artigo o ajudará a aprender como adicionar uma imagem de plano de fundo no Blogger. Se este artigo o ajudou, por favor, assine nossa lista de e-mails e siga-nos no Facebook e Twitter.