Como trocar o background (Plano de fundo) do seu blog

22 de janeiro de 2014

21 comentários:
Embora ser algo simples, muitos ainda possuem essa dúvida: como alterar o background do meu blog? A resposta pode ser dada através de depois procedimentos, variando conforme seu template. Caso esteja usando um modelo padrão do Blogger, será possível que altere tanto pelo código CSS, quanto pelo Designer do modelo.

Em templates personalizados, será possível apenas que faça o procedimento utilizando a edição do código CSS do blog, pois nestes modelos a edição via Designer do modelo é inaplicável. Vamos ao que interessa:

Alterando o Background via Designer do Modelo (para templates/modelos padrões do blogger)


No painel do blogger, clique em "Modelo", e em seguida, em "Personalizar". Você será redirecionado a tela de personalização do Designer do Modelo.


No canto superior esquerdo da tela, clique em "Plano de fundo". Bastará agora alterar e configurar seu novo Background, podendo escolher em fazer upload de uma nova imagem de fundo, ou utilizar da galeria disponibilizada pelo Blogger.

Alterando o Background via CSS (para templates/modelos personalizados)


No painel do blogger, clique em "Modelo", e em seguida, em "Editar HTML". Será aberta a caixa com todos os códigos do seu Blog.

Clique sobre a caixa de códigos, pressione "Ctrl + F" e procure por:
body {
Logo abaixo dessa linha, cole este código:
background: url(url-da-imagem); 
 O trecho "url-da-imagem", deve ser substituído pela url da imagem que será o novo plano de fundo. Para entender e conhecer mais tags a serem aplicadas do Background do seu blog, sugiro que sigam este tutorial: Tutorial CSS - A propriedade CSS background.



É interessante ressaltar que, se o template personalizado já possuir uma imagem de fundo, é necessário procure por: background: url( ao invés do body {, pois a caixa de busca te levará direto ao conteúdo da imagem do background, bastando alterar a url da imagem.

21 comentários:

  1. olá uma moça fez meu novo layout mas nao gostei do plano de fundo estou tentando trocar e ja usei essa ultima opção do HTML está assim
    sendo que essa URl ja foi trocada e salva mas ainda assim nao aparece o papel de parecede...

    ResponderExcluir
  2. Olá, consegui trocar o fundo do meu background, mas agora tem um retangulo e uma linha pontilhada no meio. Sabe como me ajudar a retirar ?

    www.paixaodeleitora.blogspot.com

    ResponderExcluir
  3. Consegui, procurei vários tutorias e o seu foi o único que deu certo :)
    Muito obrigado msm

    ResponderExcluir
  4. Muito bom! Funcionou demais da conta! Show de bola!!!

    ResponderExcluir
  5. http://blogslimania.blogspot.com.br/ Blog novo, ta ficando booom

    ResponderExcluir
  6. Não consegui fazer no meu ele salva tudo certinho mas não aparece a imagem, por que ?

    ResponderExcluir
    Respostas
    1. Deve ser pq a sua imagem não está no tamanho que deveria estar! Imagens menores não aparecem!

      Excluir
  7. Muito obrigado!! Estava a séculos tentando isso e não conseguia! Agora foi, graças ao URL!

    ResponderExcluir
  8. Não estou conseguindo estou colocando body{ mas n aparece

    ResponderExcluir
  9. Teria algum código para colocar um plano de fundo diferente em uma postagem específica?

    ResponderExcluir
  10. Muito obrigado Henrique pela informação. Muito útil seu blog!

    ResponderExcluir
  11. Respostas
    1. Tente procurar apenas por body, visto que é possível que a tag possua alguma modificação antes de seu complemento..

      Excluir
  12. Obrigado. Algo tão simples e eu procurando como se fosse coisa de outro mundo.

    ResponderExcluir