Como colocar dois backgrounds no blog

Demorei mas postei! Para compensar a falta de posts, trago hoje um tutorial incrivelmente simples e de uma utilidade sem tamanho: colocar duas imagens de fundo no blog. Não entendeu? Veja como um senhor exemplo o site Evelyn's Place:


O primeiro passo vocês já sabem, né?

Vá em Design, depois em Editar HTML, dê Ctrl + F e procure por:

body { 

apague ele e todo o conteúdo que o acompanhe.

Por exemplo: no código do MN aparece assim:

body {
background:  url("http://www.backgroundlabs.com/backgrounds/202.gif") repeat;
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Pra colocar os dois bgs, eu precisaria apagar tudo isso.

Cole no lugar que você apagou o seguinte código:

body, html {
 height: 300px;
 margin: 0;
 padding: 0;  }

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

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

Agora é só colocar as URLs das imagens, visualizar e, se estiver tudo certo, salvar! Detalhe: para aumentar ou diminuir o espaço do primeiro background, mude o valor que eu destaquei em vermelho.

Pra fechar o post vou colocar aqui alguns patterns muito fofos que eu encontrei no Olhar 43:

                    

É isso, beijos.

28 comentários:

Thaíys disse...

Oieee adorei o post

Visita o meu blog. e segue. Sigo de volta

@anacarool disse...

Aaah adorei, essa é realmente uma dica bem legal, porque deixa o blog com uma cara bem diferente né?

parabéns
beijos
blogloucamistura.blogspot.com

Flanders disse...

Geeente, que blog fofo! *-*
Iáa, eu não sabia que podia fazer isso em código. Eu normalmente coloco dois fundos no layout no Design mesmo, quando estou com o Photoshop aberto, e aí vou colocando os diferentes fundos :D
Mas tem alguma diferença?
Beeijo.

Karen Moraes disse...

ooi linda, cê faz templates neh? Eu gostaria de saber se vc podia fazer um pra mim e quanto ia ficar porque o meu está com alguns problemas e queria algo diferente. Dá uma olhada: http://garotaswant.blogspot.com/ e me dá a resposta ;)

dudaa disse...

hooy, adorei aqui! adorei o layout. to seguindo aqui, retribui por favor? beijo!

www.princessofdanw.blogspot.com

bolton disse...

Pronto Andreza, postei o tultorial. GRATO

http://2for-you.blogspot.com

Cherry Liah disse...

Aaaah adorei *O* Vou ver se uso no meu novo lay!
Kissus
cherry-liah.blogspot.com

RM - Things Of Teenager disse...

ADOREI MUITO,BEM MASTERIA COMO VOCE FAZER UM TUTO COMO FAZER AQUELA ENQUETE DO SEU BLOG ?

THINGS-OF-TEENAGER.BLOGSPOT.COM

Camilla disse...

Oii flor, queria que vc postasse, como vc deixa a cor da parte dos gadgets lilás..

Tipo, a postagem cor de fundo branca, e o fundo dos gadgets lilás..

Acho lindo, mas não acho como coloca.

Bjoos

http://camillagama.blogspot.com/

Cherry Liah disse...

Andreza, te indiquei uma tag, tá uma olhada lá: http://cherry-liah.blogspot.com/2011/06/tag-coisas-que-eu-amo.html
kissus

Babs_Cherry disse...

Bem legal seu blog! Seguindo, segue de volta?
beijos, obrigada.

http://blogdagarotafashion.blogspot.com/

Paulinha disse...

Oii flor, tem uma tag pra você, da uma olhadinha !

Beijinhos,
http://coisasdegarotasoficial.blogspot.com

Patyh P P disse...

Tag para você lá no blog !
http://papo-teen--girl.blogspot.com/

Fernanda disse...

oioi ! Adorei o tutorial!

Tem um selo para você no meu blog! Dá uma passada lá! (:
Bgs!

http://palavrasemamor.blogspot.com
@ineedislove

Ana! disse...

Adogueeei o post !

http://meninasantenadas-revista.blogspot.com/

Thaís disse...

Oiee. Ta rolando o concurso do blog mais kind. Se quiser participar vai até o meu blog e se inscreve

www.blog-kindgirl.blogspot.com

Camilla disse...

Tem uma tag para você la no meu blog flor.
Beijoos

http://camillagama.blogspot.com

S. disse...

Oi, estou passando nos blogs que gosto, e queria pedir um favorzinho.
Estou começando a escrever uma história, e queria pedir para dar a sua opinião, e ajudar a divulgá-la.
Obrigada
http://daydream1.blogspot.com

Marília Maia disse...

Adoro seu blog, dicas incriveis!!
http://maryecia.blogspot.com

Bia Possani disse...

Adoreei seu blog menina! *---*

Estou segundo... Beijos!!

www.meninadesalto.blogspot.com

Linked in Fashion disse...

[AA] Ameý o bloog lindo liindo liindo (:
To te seguindo jaaá , me segue tbm ammr ? *-*
Bloog - http://linkedinfashionn.blogspot.com/

Place Fame disse...

Adorei esse tuto!
Beijão,
http://placefame.blogspot.com/

Clara ;* disse...

Meu Deus, nada dá certo no meu blog! DDDD:

Elizabeth Passos disse...

Miga amei deu certinho no EP!

Diário de uma adolescente disse...

Olá amei o site mais tipo n conseguir salvar nada de laaa fikei louca qndo o vih mais n conseguir msm nem o tutorial acima ta dando erro na minha imagem... me ajuuda!!!

Selena Donwloads disse...

oie amore amei tudo e fiz no meu blog! e não esqueci do querido e velho creditos! eu crie uma pagina só para creditos e você esta la!

Ja estou seguindo amore!

http://mydilemmaselenagomez.blogspot.com/

Maria Clara Marra disse...

fui tentar usar, mais a fonte da página fica a padrão, não dá pra personalizar se eu to com o código ;/
http://beijofosco.blogspot.com/

Ana Lu disse...

Valeu, me ajudou muito :3
http://espacodaanalu.blogspot.com/