19.11.12

Tutorial: Como colocar dois backgrounds no blog por html

Tumblr_mdqw2zuscy1rlv1c8o1_500_large

Hey hey meus amores tudo bem com vocês?
Como foi o feriado prolongado? Viajaram? Fizeram o que de bom? Eu aproveitei para colocar as cartinhas do meu clube de cartas no correio e assistir Amanhecer Parte 2. Também aluguei alguns filmes que depois eu faço a crítica pra vocês.  Eu estou com uma ideia para um super projeto em breve eu divulgo ela aqui pra vocês. Antes disso eu vou deixar tudo prontinho. Estou ansiosa. Enfim, vamos ao tutorial. Me perguntaram como fazia para colocar um background por html. Então eu vou ensinar como colocar dois. E como colocar um. Esse tutorial é bem útil ainda mais quando vocês tentam colocar o background pelo jeito normal e fica dando erro. Mas, qual é o resultado Djeni? Bom, o meu blog usa dois backgrounds. O primeiro cinza e o segundo rosa. A partir dele dá para vocês verem o resultado. Vamos ao tutorial?
Para colocar dois backgrounds:
É muito simples, primeiro vocês devem acessar http://www.blogger.com/ e depois clicar na setinha e depois clica em "modelo".

Ao abri vocês vão clicar em "editar html" depois em "prosseguir".

Feito isso você apertam CTRL + F e digitem no campo de busca:
body {

Vai aparecer um código parecido com esse:

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}


Depois vocês deveram apagar todo esse código e no colocar colar esse:

body, html {

height: 300px;
margin: 0;
font: $(body.font);
padding: 0; 
}



body {
background: url("URL do background 1") repeat; 
}



html {
background: url("URL do background 2") repeat; 
}


Agora vamos entender esse código... 
300px; - Significa o tamanho que você quer dar para o primeiro background.
URL do background 1 - Você coloca a url da imagem que você vai usar como primeiro background ou do banner.
Url do background 2 - Você coloca a url da imagem que será o seu segundo background.

Para colocar apenas um background:
- Basta você seguir todos os passos e colocar a mesma url de imagem no background 1 e no background 2.

Bom, qualquer dúvida comentem que eu ajudo. Peçam mais tutoriais que eu posto. Se quiserem ver os outros tutoriais do blog cliquem aqui. Agora eu vou deixar alguns backgrounds pra vocês.

floralls floralls
floralls Cover Photos
floralls floralls


2 comentários:

  1. Eu já vi esse tutorial, inclusive acho muito lindo e o resultado e fica bem prático!
    Minha amiga já fez um layout com esse tuto e ficou lindo o resultado...
    Flor, está rolando um sorteio de uma paleta lá no blog, participa?
    Link:http://criandodesigne.blogspot.com.br/2012/11/sorteio-paleta-macrilan-3d-em-parceria.html
    Beijos

    ResponderExcluir