Tutorial -Como usar 2 backgrounds no blog-

by - 30.5.13

                                

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)

You May Also Like

4 Comentários

  1. 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. 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. fantástico, adorei as dicas, obrigada!
      http://otheranna.blogspot.com.br/

      Excluir
    2. 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, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)