Adicionando um fundo (background) no blogger

Antes de mais nada, devo desculpas pela minha ausência aqui no blog, os últimos dias foram bastante corridos e acabou que não sobrou tempo algum para me dedicar ao blog.

Agora voltando ao assunto, hoje vamos aprender a criar um background nos templates do blogger. No tutorial de hoje estarei usando como exemplo o template Mínima.

fundo em cores:

Você pode resolver em optar por: inserir uma imagem no fundo, ou, inserir apenas uma cor. Para ajudar na escolha da cor clique aqui e veja a tabela de cores completa.

Feita a escolha selecione e copie o código HTML logo a frente da cor, ex: #FFFFFF. Agora vamos ao editor HTML do seu blog, Layout/Editar HTML, e procure por: body {

Agora vamos adicionar o código do background, para isso logo abaixo do trecho citado acima cole a seguinte linha:

  background:#000000;

Caso este trecho já exista você pode moficar a cor do fundo em Cores e Fontes ou no próprio editor HTML.

imagem como fundo:

Talvez você prefira adicionar uma imagem  ao invés da cor, o processo é o mesmo: depois de body { – adicione o trecho abaixo:

background:url(link da imagem) no-repeat;

Se preferir exibir a imagem lado-a-lado substitua o no-repeat por repeat.

– No caso do template mínima a outer-wrapper, ou seja, o corpo do template onde encontra-se as postagens, sidebar e cabeçalho, não possui fundo, e fica da seguinte forma:

Para resolver-mos isso, deveremos então adicionar mais um background, desta vez na div outer-wrapper. Então procure por: outer-wrapper { – e logo abaixo adicione o código da cor, veja como fica:

#outer-wrapper {
background:#fff;
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

E o resultado: