sábado, 23 de julho de 2011

Tutorial-Dois backgrounds no blog.

Olá meninas, tudo bem ? Hoje estou aqui com dois pedidos desse tutorial aqui,que no caso, tem aqui na JG. Então, eu espero que vocês gostem, e que ajude a quem pediu, e a todos que irão ler, e aproveitar esse tutorial, antes quero avisar, que aprendi no Menina Nerd s2, os créditos vão ao MN, (:
Se quiser aprender, clique em Leia Mais >>
                    Tumblr_los6esybeh1qb2g1po1_400_large

1º- Pra quem não sabe, esse tipo de Background que estou falando, é o que tem aqui no Just ' Gabi, o que fica atras do cabeçalho, tirei um print pra mostrar melhor, e para vocês entenderem.
2º- Vá em Design->Editar HTML->Ctrl+F -> Procure por : 
body {
Apague todo conteúdo que está junto com ele, por exemplo :
body{
color: $(body.text.color);
background: $(body.background);
}
 3º- No lugar que você apagou tudo isso, substitua-o por esse 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 o url da imagem que vai querer do lugar de ''URL DO 1º BACKGROUND'' / ''URL DO 2º BACKGROUND'' .
Se quiser aumentar ou diminuir a borda dos backgrounds, é só mexer na onde destaquei em negrito.
É isso meninas, espero que tenham gostado do tutorial, se quiserem mais algum, já sabem, pedir pela página ScrapBook ou por comentários, s2 s2.
Beijks *~*
                                                                     

25 comentários:

  1. A-D-O-R-E-I o tuto!! depois vou fazer no meu blog ^^

    ResponderExcluir
  2. nossa mei o tutorial bej bej
    http://fearlessstyleofgirls.blogspot.com/

    ResponderExcluir
  3. Interessante e fácil de fazer. Muito lindo o blog. Seguindo

    http://fanaticasporconsumismo.blogspot.com

    ResponderExcluir
  4. Olá flor, estou seguindo! :]
    segue de volta?
    bjs

    deboramoraiss.blogspot.com

    ResponderExcluir
  5. Tutorial ótimo, hein? Gostei mesmo!


    Amei seu cantinho e já estou seguindo. Tem vários sorteios no ar lá no blog, participa.. quem sabe você não ganha? E desculpe o spam viu!

    http://tvfabulous.blogspot.com/2011/07/mari-mauro-sorteio.html

    http://tvfabulous.blogspot.com/2011/07/bafafa-da-gema-sorteio.html

    http://tvfabulous.blogspot.com/2011/07/red-apple-sorteio.html

    http://tvfabulous.blogspot.com/2011/07/super-freaka-sorteio.html

    Bjs, Sté

    ResponderExcluir
  6. Este comentário foi removido pelo autor.

    ResponderExcluir
  7. Oi , seguindo de volta *-*
    http://bloggarotasemcena.blogspot.com/

    ResponderExcluir
  8. ooi, seguindo de volta Gabi!
    AA tem concurso no blog, participe você também!

    Beijos
    http://teen-fyn.blogspot.com

    ResponderExcluir
  9. parábens pelo blog (:

    Obrigada por ter passado no Azul Elétrico e por ter feito comentário no meu post.
    tomara que tenha gostado.
    se quiser ver mais alguns siga o meu blog.
    http://leonapoet.blogspot.com

    ResponderExcluir
  10. Oi, amei o tuto, já procurava ele faz tempo, que sabe em uma futura reforma do MS eu coloque desse jeito. Já estou seguindo, e muito bem vinda ao MS.
    http://meninasapeca-ms.blogspot.com/

    ResponderExcluir
  11. Olá Gabi, obrigada por vistar meu blog já estou seguindo, adorei!
    Tem sorteio lá participa...

    Beijos
    @tudodmenina
    http://tudodmenina.blogspot.com/2011/07/oba-sorteio-o.html

    ResponderExcluir
  12. Linda, passei por aqui e gostei do seu bloguinho, já estou te seguindo. Passa lá no meu e se gostar, ficarei muito feliz se me seguir também. bjs e que DEUS te abençoe.

    ResponderExcluir
  13. aMEEEI, era realmente do que eu precisava!
    Dá uma olhadinha, tem post novinho em folha!
    http://tahmakeup.blogspot.com

    ResponderExcluir
  14. AUHAU Adorei o tutorial, vou fazer no meu blog depois =) Minha BFF'v aauhauhauha
    Bjos
    www.rosa-chiclete.com

    ResponderExcluir
  15. Oii, já estou seguindo... Espero que continue acompanhando o TG, beijos!

    http://trasshygirl.blogspot.com

    ResponderExcluir
  16. Valeu mesmo!

    http://podetang.blogspot.com/

    ResponderExcluir
  17. seguindo aki tb, obg pela visita.
    Bom domingo!
    by: Veve Pink
    http://portal-pattys.blogspot.com

    ResponderExcluir
  18. OMG! blog lindo e perfeito. faz encomendas?

    Promoção no Chuva de Morangos: PROMOÇÃO 15 DIAS DE DESTAQUE

    ResponderExcluir
  19. Conseguii fazer no meu blog de testes!! Logo fazerei no meu!! http://mundinhomegamary.blogspot.com/

    http://garotas-emacao-blog.blogspot.com/

    ResponderExcluir
  20. Amei!! Muito perfeito!!! Ajudou para caramba!!!
    Seguindo, segue de volta?? Aceita parceria??
    www.sweetatitude.blogspot.com
    Bjoks, Isa...

    ResponderExcluir
  21. oi linda ^^ muito bem explicado mas posso dar uma sugastão pro próximo post? Eu amaria se fosse explicando como mexe em HTML no Blogger novo... xoxo! Seguindo! visita o meu?
    http://minhavidamaisteen.blogspot.com/

    ResponderExcluir
  22. super útil, você dá dicas excelentes sabia? *-*

    to participando de um concurso no blog trechy teen queria saber se você ajuda o boneca de pano rosa a conseguir alguns votos? é só acessar esse link, clicar em boneca de pano rosa, e em seguida em votar! s2meh.blogspot.com/p/parcerias.html

    http://bonecadepanorosa.blogspot.com

    ResponderExcluir
  23. aaah que legal!
    adorei as dicas
    bjs
    http://azuleletrico.blogspot.com

    ResponderExcluir
  24. Linda o SM, tá de cara nova, e com post novo, vai conferir!

    Beijinhos
    http://sermenina-blog.blogspot.com

    ResponderExcluir