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é?
1º 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.
2º 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.
25 comentários:
Oieee adorei o post
Visita o meu blog. e segue. Sigo de volta
Aaah adorei, essa é realmente uma dica bem legal, porque deixa o blog com uma cara bem diferente né?
parabéns
beijos
blogloucamistura.blogspot.com
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.
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 ;)
Pronto Andreza, postei o tultorial. GRATO
http://2for-you.blogspot.com
Aaaah adorei *O* Vou ver se uso no meu novo lay!
Kissus
cherry-liah.blogspot.com
ADOREI MUITO,BEM MASTERIA COMO VOCE FAZER UM TUTO COMO FAZER AQUELA ENQUETE DO SEU BLOG ?
THINGS-OF-TEENAGER.BLOGSPOT.COM
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/
Andreza, te indiquei uma tag, tá uma olhada lá: http://cherry-liah.blogspot.com/2011/06/tag-coisas-que-eu-amo.html
kissus
Bem legal seu blog! Seguindo, segue de volta?
beijos, obrigada.
http://blogdagarotafashion.blogspot.com/
Oii flor, tem uma tag pra você, da uma olhadinha !
Beijinhos,
http://coisasdegarotasoficial.blogspot.com
Tag para você lá no blog !
http://papo-teen--girl.blogspot.com/
oioi ! Adorei o tutorial!
Tem um selo para você no meu blog! Dá uma passada lá! (:
Bgs!
http://palavrasemamor.blogspot.com
@ineedislove
Adogueeei o post !
http://meninasantenadas-revista.blogspot.com/
Tem uma tag para você la no meu blog flor.
Beijoos
http://camillagama.blogspot.com
Adoro seu blog, dicas incriveis!!
http://maryecia.blogspot.com
Adoreei seu blog menina! *---*
Estou segundo... Beijos!!
www.meninadesalto.blogspot.com
[AA] Ameý o bloog lindo liindo liindo (:
To te seguindo jaaá , me segue tbm ammr ? *-*
Bloog - http://linkedinfashionn.blogspot.com/
Adorei esse tuto!
Beijão,
http://placefame.blogspot.com/
Meu Deus, nada dá certo no meu blog! DDDD:
Miga amei deu certinho no EP!
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!!!
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/
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/
Valeu, me ajudou muito :3
http://espacodaanalu.blogspot.com/