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; }
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:
Retribuindo visitinha!! Seguido!!
Adorei seu blog!!!
Essa dica é show, eu não sabia!!!
ericatutty.blogspot.com.b
Att
Super amei a dica, tava procurando esse tutorial há um tempão #hihi !!!:3
http://themudancas.tk/
Adoro tutorias :) Mas nunca consigo fazer nada =(
Beijos
http://dropsparadise.blogspot.com.br/
Ótima dica!
bjss
http://asgarotasdonl.blogspot.com.br
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
Eba, amei o tutorial! Talvez eu faã no meu blog viu? Beijão <3
Sou louca pra mexer em html mas não tenho ninguem que me ensine :(
você poderia me ajudar?
Beijinhos
www.hiperbolimos.blogspot.com
quero muitooooo colocar no meu blog só que nao sei mecher no meu html kk
beijinhos **
http://priscilalirow.blogspot.com.br/
haha ! Ótimo tutorial ;D
Eu já sabia como fazia, tipo, fica lindo né ? *-*
Kisses ;*
http://trechygirlss.blogspot.com.br/
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
Ótima dica..
Passei mesmo para desejar uma otima sexta feira para vc,
Big bj ;*
http://angelpoubel.blogspot.com.br
Haha amei o blog magic ta lindo desde a ultima vez que vi segue? http://doce-teen.blogspot.com.br/
Muito boa a dica mesmo.
http://portrasdorimel.blogspot.com.br/
Ótimo tuto, vou anotar para futuros templates!!!
Um ótimo final de semana para você e sua família!!!
Mil Sweetkisses ♥
www.docesonhodemenina.com.br
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...
Ótima dica pra quem gosta. Eu não gosto, mas caso algum amigo pergunte um dia, indicarei esse post. :D
http://romariomarquess.blogspot.com
Já sabia do tutorial, é muito legal. Fica lindo com dois backs no layout.
www.ingridsakamotodossantos.tk
Esse tutorial é muito legal, o efeito no blog fica lindo!
http://portrasdorimel.blogspot.com
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)
Postar um comentário