03 maio 2012

Colocando 2 backgrounds no blog.


Hello! Como vocês já perceberam pelo titulo, vou ensinar a vocês a como por 2 backgrounds no blog, tipo o aqui do Magic. É bem fácil, mas antes de sair colocando no blog você tem que saber bem como combinar os dois.Coloque backgrounds que se combinem. Por favor né gente! Não é para sair colocando 2 nada a ver né? #aloka
Quer aprender a colocar  no blog? Então clique em ''Leia Mais'' e aprenda junto comigo!
  
     1- O primeiro passo acho que todos aí já conhecem né?!

                   Design-Editar HTML- dê Ctrl+F e procure por:

body { 

  Apague todo o conteúdo que o acompanha. Veja o exemplo do blog Menina Nerd:

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;
} 
Então para colocar os dois apague tudo isso.


          2- Então, cole no lugar do código 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; }


 Coloque as URLs dos backgrounds no lugar onde se pede, e visualize para ver se está tudo certo! Se estiver tudo certinho salve.
   Para aumentar ou diminuir o espaço do 1° background altere o valor que esta destacado em vermelho.


  Então é isso aí babys! Quero dar os créditos ao blog Menina Nerd, foi lá que aprendi a fazer esse tutorial!

                                                    Bjs

19 comentários:

Érica Tutty disse...

Retribuindo visitinha!! Seguido!!
Adorei seu blog!!!

Essa dica é show, eu não sabia!!!

ericatutty.blogspot.com.b

Att

Anônimo disse...

Super amei a dica, tava procurando esse tutorial há um tempão #hihi !!!:3
http://themudancas.tk/

Carol Nana disse...

Adoro tutorias :) Mas nunca consigo fazer nada =(
Beijos

http://dropsparadise.blogspot.com.br/

NL disse...

Ótima dica!

bjss

http://asgarotasdonl.blogspot.com.br

Debee disse...

Oi flor, obrigada pela visita no blog. Aqui é lindo e gostei do conteúdo! Seguindo. Se você não conhece, queria te apresentar o site www.weheartit.com. Lá tem várias fotos lindas! Não é por nada, é que as fotos dos posts aqui parecem ser do Google Imagens, e nesse que coloquei elas têm mais qualidade. Beijo!
www.justdebee.blogspot.com

Plum disse...

Eba, amei o tutorial! Talvez eu faã no meu blog viu? Beijão <3

Amanda Souza disse...

Sou louca pra mexer em html mas não tenho ninguem que me ensine :(
você poderia me ajudar?
Beijinhos

www.hiperbolimos.blogspot.com

Priscilalirow disse...

quero muitooooo colocar no meu blog só que nao sei mecher no meu html kk
beijinhos **

http://priscilalirow.blogspot.com.br/

Anônimo disse...

haha ! Ótimo tutorial ;D
Eu já sabia como fazia, tipo, fica lindo né ? *-*
Kisses ;*
http://trechygirlss.blogspot.com.br/

Luuh Oliveira disse...

Haay o efeito fica show!! Vou tentar fazê-lo no próximo lay que ja estou montando ;D Bezões Luuh
Rawr Girl ~> teenstyle.com

Angel Poubel disse...

Ótima dica..
Passei mesmo para desejar uma otima sexta feira para vc,
Big bj ;*
http://angelpoubel.blogspot.com.br

Anônimo disse...

Haha amei o blog magic ta lindo desde a ultima vez que vi segue? http://doce-teen.blogspot.com.br/

Por trás do rímel disse...

Muito boa a dica mesmo.

http://portrasdorimel.blogspot.com.br/

Sheila D. Lima disse...

Ótimo tuto, vou anotar para futuros templates!!!
Um ótimo final de semana para você e sua família!!!

Mil Sweetkisses ♥
www.docesonhodemenina.com.br

@MAKEPOPULAR disse...

oi ja estou seguindo e adorei aqui...

poderia me ajudar e me seguir tb...


www.makepopular.blogspot.com.br

e participe do sorteio de um mega kit de esmaltes risque...

Romário Marques disse...

Ótima dica pra quem gosta. Eu não gosto, mas caso algum amigo pergunte um dia, indicarei esse post. :D

http://romariomarquess.blogspot.com

Ingrid Sakamoto dos Santos disse...

Já sabia do tutorial, é muito legal. Fica lindo com dois backs no layout.

www.ingridsakamotodossantos.tk

Por trás do rímel disse...

Esse tutorial é muito legal, o efeito no blog fica lindo!

http://portrasdorimel.blogspot.com

Unknown disse...

Flor como eu faco para oolocar uma barra entre os backgrounds ou um menu que fique numa linha inteira como o seu? Beijos

(Larissa do larissatododia.com)