Mudar Background (Plano de Fundo) do Blog

Neste artigo iremos aprender não só a mudar o plano de fundo do Blog como também determinar sua exibição, por exemplo: adicionar um Background fixo, Background que se repete por toda a página, repetido verticalmente ou horizontalmente e também Background que não se repete, para entender melhor siga os passos abaixo:



Personalizando seu Background:

1. Escolha uma das alternativas abaixo que se encaixe melhor a seu Blog:

Plano de fundo fixo: (esta é a melhor alternativa)


Vá até "Layout" > "Editar Html" e procure por: Body {



Substitua a linha Backgorud: inteira pelo código abaixo:


background: url(url da imagem) center;

background-attachment: fixed;
Para o Plano de Fundo se repetir por toda a página:

Vá até "Layout" > "Editar Html" e procure por: Body {

Substitua a linha Backgorud:

inteira pelo código abaixo:

background: url(url da imagem) repeat;
Para que Plano de fundo se repita na vertical:

Vá até "Layout" > "Editar Html" e procure por: Body {

Substitua a linha Backgorud:


inteira pelo código abaixo:

background: url(url da imagem) repeat-y;
Para que Plano de fundo se repita na horizontal:

Vá até "Layout" > "Editar Html" e procure por: Body {

Substitua a linha Backgorud:



inteira pelo código abaixo:

background: url(url da imagem) repeat-x;

Para que Plano de fundo não se repita:

Vá até "Layout" > "Editar Html" e procure por: Body {


Substitua a linha Backgorud:

inteira pelo código abaixo:



background: url(url da imagem) no-repeat top left;


2. Onde está em vermelho deve ser acrescentada a Url da imagem que você deseja para ser seu plano de fundo.

Você pode hospedar a imagem neste Site: http://imageshack.us/

Espero que o artigo esteja esclarecedor, Obrigado!

4 comentários:

  1. gostei muito do teu blog!! Ja estou esguindo!

    faz um post sobre como fazer um selo pra o blog. Queria fazer um para o meu. Ja visitei outros sites mas todos os códigos davam errada para mim.

    ResponderExcluir
  2. mega dica! o background e layout do blog são important´´issimos para atrair novos leitores..
    ;D
    Valeu a dica

    ResponderExcluir
  3. ola meu nome e Beto gostaria de colocar uma caixa de comenterio como esta aqui no meu blog. alguem pode me ajudar?
    betolima02@hotmail.com

    ResponderExcluir
  4. gostari de colocar uma caixa de comentario.. igual esta que esta aqui nesta pagina! mais nao sei onde posso arranja o codico html. alguem pode me dar as dicas? por favor

    ResponderExcluir

Todos os direitos reservados © Soluções Blog - Desenvolvido por Gustavo Solbas. Tecnologia do Blogger.