Background Labs - Fundos prontos para seu blog

Navegando na internet a procura de imagens de fundos para meu blog, os conhecidos backgrounds, eu encontrei atravéz do Google, o Background Labs, que é um site que possui uma galeria imensa de imagens de fundo para blogs. O interessante de utilizar os backgrounds disponibilizado por esse site, é que além de ser tudo gratuito, você tem ótimos planos de fundo, antigamente para que nós blogueiros tevéssemos um plano de fundo legal, tínhamos que ter um conhecimento quase que de profissional, ou pagarmos um para fazer essa imagem para nós, mas agora com esse site ficou muito fácil ter ótimos backgrounds. Lembrando que vou ensinar a instalar plano de fundo somente em template personalizados, que não sejam um dos modelos padrões do Blogger.

Antes de mais nada, entre no site, Backgrounds Labs, ao entrar no site você vai ver alguns circulos coloridos, clicando nesse circulos você vai ver somente os backgrounds com a cor do próprio circulo, por exemplo, se você clicar no circulo verde, denominado como green, você visualizará somente planos de fundos verdes, se clicar no azul, a mesma coisa, e assim por diante.

Ao escolher a cor do seu backgrond, clique sobre o circulo com a sua cor escolhida. Ao clicar na cor escolhida você, verá uma série de backgrounds, divididos em várias páginas, escolha um e clique nele.

Ao clicar ele aparecerá de tamanho maior, ao ver em tamanho maior, clique com o botão direito do mouse sobre ela, ao clicar aparecerá uma pequena janelinha com algumas opções, escolhar a exibir imgem de fundo.

Ao clicar em exibir imagem de fundo você visualizará uma página em branco somente com a imagem no canto superior esquerdo. Copie o endereço da imagem, localizado na barra de endereços.

Ao copiar o endereço da imagem entre na aba Editar HTML do seu blog, e procure body, você encontrará vários, mas o que você deve modificar é o primeiro, o meu está dessa forma:

body {
text-align:center;
color:$textColor;
background:$bodybgColor;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:0;
padding:0;
}

E você deve deixá-lo dessa forma:

body {
text-align:center;
color:$textColor;
background: url(ENDEREÇO URL DA IMAGEM) repeat;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:0;
padding:0;
}

Depois de feito essas modificações clique em SALVAR MODELO e está pronto, qualquer dúvida, deixe um comentário.