Quer saber como colocar uma imagem no background do seu blog no Blogger? Ou até trocar a que está lá por outra? Então siga os passos:

  1. Crie uma conta num host de imagens, hospede sua imagem lá. Após subir sua imagem, o servidor vai te dar o endereço ou url da mesma. Copie e guarde essa url prá usar depois.

  2. Acesse o Painel de controle do seu blog no Blogger e clique em Layout/Modelo. Clique na aba ‘Editar Html’. Isso abrirá a página do seu tema para a edição.

  3. Antes de fazer qualquer alteração (principalmente, se você não está acostumado a isso) faça uma cópia do seu template, basta clicar na aba à direita onde está escrito ‘fazer uma cópia do template’ que ele vai ser salvo automaticamente no seu pc em arquivo xml.

  4. Feito isso, desça um pouco na página do seu tema, e procure por esse pedaço de código:


    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }



    Essa é a primeira parte do CSS (folha de estilos) do seu template. Essa parte do código descreve exatamente como é o fundo ou background do seu blog. Para adicionar uma imagem aqui, você tem que adicionar o seguinte código após a linha do atributo bgcolor (cor do back) e antes do atributo da margem:

    background-image:url(Endereço url da sua imagem);
    background-repeat:no-repeat;
    background-position:120% 10%;
    background-attachment: scroll;

    Após adicionar, vai ficar assim:

    body {
    background:$bgcolor;
    background-image:url(Endereço URL da sua imagem);
    background-repeat:no-repeat;
    background-position:120% 10%;
    background-attachment: scroll;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

    Lembre-se, em ‘Endereço URL da imagem" você copia e cola o endereço que o servidor te deu começando em ‘http://url da sua imagem’ (passo 1). A terceira linha descreve a posição da imagem no template. A posição do back (120%) controla o lugar do back na horizontal. A segunda linha, vertical (10%). Porcentagens negativas fazem com que a imagem se mova pra cima ou para a esquerda, em relação ao centro do blog (main). O atributo ‘repeat’ controla a quantia da pattern na tela, ou seja, se o back se repete ao longo da tela. Se você marca o atributo como ‘no-repeat’ você adiciona ‘repeat-x’ o back se repete na horizontal e ‘repeat-y’ se repetirá na vertical. O atributo ‘scroll’ significa que a sua imagem se move ao longo do texto, quando você desce para baixo na tela. Se você quiser que a imagem fique fixa, enquanto desce na tela para ler o texto coloque nesse atributo ‘scroll’ para ‘fixed (fixo). Salve seu template. Recarregue a página e veja o blog.