domingo, 7 de agosto de 2011

Como por 2 backgrounds no blog

5887609636_eabd7ba38d_z_large
Olá gente! Irei ensinar como coloca dois backgrounds no blog, eu aprendi este tutorial no menina nerd(entrem neste blog, ele é muito fofo):
Este é um exemplo de como fica. Creditos pela imagem: Evelyn's Place
 Vá em Design Editar HTML Ctrl + F(caixinha de busca) e procure por:

body { 

Apague ele e todo o conteúdo que esta junto com body {.

Exemplo: no código do BM aparece assim:

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

Então para eu colocar os dois backgrounds, teria que apagar o todo o código acima.

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

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

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

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

Substitua onde esta escrito "URL do 1º background" " URL do 2º background" pelo URL da imagem. Visualizar e se estiver tudo certo, salve. Para mudar o espaço(tamanho) do primeiro background, mude o valor que eu destaquei em roxo.



                                        

20 comentários:

  1. Adorei seu post Giih *-*
    Amo seu blog, seus posts, AMO TUDO AQUI ♥
    Seu blog é perfeito,
    beijos.
    http://bnascimentooo.blogspot.com

    ResponderExcluir
  2. Ta Lindão esse...adoreii
    legal teu blog
    seguindo,segue também ai?
    http://www.meninasligadas.com/
    @CassiaCardoso
    =^.^=

    ResponderExcluir
  3. amei o blog parabéns já estou seguindo bjs

    ResponderExcluir
  4. Vou tentar!

    Me faz uma visitinha quando puder!

    Beijos!

    derosasoalgumascoisas.blogspot.com

    ResponderExcluir
  5. Amei amei o blog ..
    Estou seguindo ele com muito "love" !
    Porfavorzinho ... da uma olhadinha no meu blog e se gostar me segue ?
    http://www.diariamentegarota.blogspot.com/

    ResponderExcluir
  6. Oii, adorei a dica! Se vcs puderem postar um tutorial ensinando a colocar esse fundo cheio de coraçãozinho atras de uma parte do post, eu ficaria mt feliz!

    ResponderExcluir
  7. Oi Gii, amo o seu blog, ja to te seguindo *_*, me segue de volta favorzinho? Bjocas Ge

    www.teenswishes.blogspot.com

    ResponderExcluir
  8. Estou fazendo um sorteio no meu blog, ajuda a divulgar? Se der participa tbm :D
    http://miss-independentoriginal.blogspot.com/2011/08/sera-sorteado-um-rimel-superchock-avon.html

    ResponderExcluir
  9. Hooy flor !
    amei&amei a dica,tem uma tag para você aqui no meu blog viu (:

    heartcake-hc.logspot.com

    ResponderExcluir
  10. Ótima dica!!
    beijos
    @Bonnytinha
    www.vengent.blogspot.com

    ResponderExcluir
  11. Nossa que legal!! Adorei o tuto! ♥

    Gostei muuuito desse blog, é fofo, cute-cute e ajuda bastante com seus tutoriais..!
    Já estou seguindo... Poderia fazer uma visitinha ao Teen Blog ~* ?
    Por favor... Se puder seguir de volta eu ficaria muito feliz!! (^^)
    Obrigada...
    Muito sucesso Gisele! Beijos!!

    http://teenblogumblogpravoce.blogspot.com/

    ResponderExcluir
  12. Visita de parceira
    Linda, pode fazer tuto de como por um fundinho na caixinha de texto de um post!!

    http://pinkpimenta.blogspot.com

    se for colocar, me avise?

    ResponderExcluir
  13. Muito legal esse tutorial.Talvez eu use mais adiante!
    Bjs,Lari!

    ResponderExcluir
  14. Gih o tutorial que vc conhecia da barra de rolagem é tipo oque vc postou, oque eu postei ngm tinha postado ainda em blog. heheh' AGRADEÇO pela visita.

    Ecleticus

    ResponderExcluir
  15. Parabéns, vc é destaque de agosto no G.A, vai lá pegar o award!!!
    http://www.garotaantenada-poramanda.blogspot.com/

    ResponderExcluir
  16. Gostei da ideia, mas não entendo ... a hora que minhas filhas chegar vou pedir pra elas virem aqui ver.

    Beijos

    Elaine

    http://useihoje.blogspot.com

    ResponderExcluir
  17. Bruna: vlw *-*

    Cássia Cardoso: obrigada doda *-* Claro que eu sigo.

    grazielle: obrigada *-*

    Clicia Brito: claro fofa *-*

    Diariamente Garota: owunt *-* vlw!

    Isaah Cardoso: ok, quando acabar as minhas provas eu posto =D

    Gee S2: obrigada fofa *-*

    meeh oliveira.: ok fofa *-*

    @Bonnytinha: =D

    Teen Blog ~*: claro fofa =D

    Ingrid Gonzalez: ok fofa, quando acabar as provas...

    Lari: =D

    Jeff Bolton: eu conheço varios tipos de colocar, eu já conhecia este mas eu não gosto das barrinhas no meu blog :)

    Amanda: vlw =D

    Usei Hoje!: ok

    ResponderExcluir
  18. adorei o tutorial!!

    fofo seu blog!!

    bjssmeu facebook:http://www.facebook.com/profile.php?id=100002611878171
    meu twitter:http://twitter.com/#!/Milena1099
    meus blogs:http://ohmygood-omg.blogspot.com/ http://avidademalu.blogspot.com http://designdesenhos.blogspot.com

    ResponderExcluir
  19. Gih,como vc coloka no final do post o Reações???Se puder faça um tutorial ensinando ok?

    ResponderExcluir
  20. Querida, eu ate achei o body { mas embaixo dele nao tava escrito oque era pra tar , tava escrito outra coisa sera que poderia rever o tuto pra ver se nao ta nada errado?
    Bj Bj
    obrigada pela compreensao!

    imperfectsmiles-nathi.blogspot.com

    ResponderExcluir