Tutorial -Como usar 2 backgrounds no blog-

by - maio 30, 2013

                                

Yoo gente, bom dia néhh? Hoje eu decidi que vou começar a postar tutorias para ajudar as blogueiras! O tutorial de hoje é bem simples, porém requer um pouco de atenção, pois ele mexe no html do seu blog.
Vamos lá?

Primeiro abra o html do seu blog:  Modelo>>Editar Html
Clique em alguma letra dele e aperte Ctrl+F (Para a nova versão do html do blogger, o F3 não funciona)
Procure por: body {
 Então você vai achar isso:
 
     body {
  font: $(body.font);/* tipo e tamanho da fonte para o blog */
  color: $(body.text.color); /* cor do texto no blog*/
  background: $(body.background); /* plano de fundo */  
}

Apague toda essa parte e substitua por:




body, html {
     height: 426px;/*tamanho do 1° background*/
     margin: 0;
     padding: 0;  }
body {
    font: 12px arial,verdana,sans-serif;
    color: #c1c1c1;
    padding:0px;
    margin:0px;
    text-align: justify;
    background: url("Url da sua imagem 1") repeat  scroll top;}
    html {
     background: url("Url da sua imagem 2") repeat;


 }





Altere as partes destacadas com o tamanho que vc deseja o 1° backgrond, e o url dos

seus backgrounds.





                                                  Alguns backgrounds: 



 







Crédito dos backgrounds: (www)










Share


Tweet


Pin


Share




Tags :
,













You May Also Like














4
Comentários











  1. Anna30 de maio de 2013 às 16:04
    Olá!
    adorei a dica!
    obs.: serve para vários tipos de imagens (gif, etc)e tamanhos (qual vc sugere)?
    abraços, tudo de bom!
    http://otheranna.blogspot.com.br/
    ResponderExcluir
  2. Gaby Misaki31 de maio de 2013 às 03:11
    Para a 1° imagem,vc pode fazer uma grande e no código alterar de "repeat"
    para "no-repeat", mas a imagem tem que ser enorme mesmo, e a de baixo, uma pequena é melhor,mas use uma pequena que repetindo não apareça, Gif's eu não recomendo, por que tira a atenção do leitor do blog para o fundo do blog^^
    Observa esse template que eu fiz usando esse código (eu já usei ele aqui no blog)http://folhasdeumasakura.blogspot.com.br/, eu usei as imagens acimas, essas pequenenihas que quando repetem ficam parecendo 1 só, são ideais.

    Kissu;3
    Obrigada pela Visita^^ 
    ResponderExcluir
    Respostas
    1. Anna1 de junho de 2013 às 08:23
      fantástico, adorei as dicas, obrigada!
      http://otheranna.blogspot.com.br/
      Excluir
    2. Gaby Misaki1 de junho de 2013 às 09:57
      Magina^^
      Estou adorando te ajudar><
      Kissus ;3
      Excluir











Muito obrigada por seu comentário e por sua presença! 
Ambos são super importantes para mim.

Kaomojis:
(*´∀｀*) (*≧∀≦*) (=´∀｀)人(´∀｀=) ( ･ ▽ ･)
ヾ(*^▽^*)o,  ｡･ﾟﾟ･(>_<)･ﾟﾟ･｡ (＞ω＜；)＊(´∀`)ﾉﾉ＊
（。ゝω・）～♡ ﾍ(´∀｀ﾍ)ﾍ  (╯°□°）╯•ᴥ• (´･ω･`)