Colocando 2 background's no blog

♡ Impossível não achar gatos fofos ♡
Hello beautiful readers, gostaria de agradecer a todos vocês por todo o apoio e os comentários nas postagens . Isso me faz uma sensação de dever cumprido! E de que alguém pelo menos viu a postagem, Mas enfim, hoje irei fazer um tutorial que aprendi com o Birthday Cake que aprendeu com o Cherry Bomb blá blá.. Este tutorial, na minha opinião é muito incrível e se torna mas fácil de utilizar códigos no seu blog...(continue)

Não sei se vocês já sabem ou já repararam, que neste layout atual não usei nenhum topo, quer dizer usei. Porem de maneira diferente, eu não fiz aquele processo todo de colocar a imagem no topo, ajustar e tals. Simplesmente coloquei dois background's(fundo), isso mesmo, "background's", vou dizer as vantagens que isso tem  em seu blog, é que: Não precisa ajustar ou personalizar nada, ele fica fixo, não ocorre erro nem mesmo se move, e é muito útil e bom para colocar links e gadgets no topo..
Como disse acima os créditos, são para BC e CB (buguei)  Vamos para o tuto?

 Clique em Modelo > Editar HTML
Dê um Ctrl+F e pesquise por body { Você provavelmente encontrará o seguinte código:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
Apague tudo e coloque este código no lugar:
body, html {
height: 300px;
margin: 0;
padding: 0; }
body {
font: $(body.font);
color: $(body.text.color);
background: url("URL do 1º background") repeat; }
html {
background: url("URL do 2º background") repeat; }

Onde está 300 você coloca o tamanho da altura do seu topo. Em URL do 1º background é o url da imagem que fica no topo (Cabeçalho). Em URL do 2º background é o fundo do blog inteiro, o background do seu blog (normal).

E é isso, espero muito que vocês tenham gostado do tutorial, que ele seja muito útil para vocês. Um grande beijo, provavelmente em breve postarei como colocar gadgets no topo (como aqui) também. E é isso ♡ beijos , fiquem com Deus...

12 comentários:

  1. Eu adoro esse tutorial ♥ Já usei tanto ele na minha vida, ahaha.
    Beijos www.them-reverse.com (´ω`★)

    ResponderExcluir
    Respostas
    1. - Que legal, é a primeira vez em que uso ele. E eu realmente adorei essa forma! ♡ ~Kiss ♡

      Excluir
  2. Este tuto ajuda muito e é fácil de executar.

    ResponderExcluir
    Respostas
    1. - Obrigada , verdade, também adorei ele quando experimentei. ~Kiss (adoro seu blog, linda)

      Excluir
  3. Que Layout fofo <3
    Esse tutorial é bem útil!

    [look at me, look at fleur faneés]

    ResponderExcluir
    Respostas
    1. - Obrigada, que bom que gostou , volte sempre!
      ~ Kiss (visitei seu blog, é lindo)

      Excluir
  4. Oii Carol >< Gatos são muito fofos :33 Mas prefiro cachorros u.u Hshaushuahsuahs' Amei o tuto! É bem útil. Onw, seu layout é muito fofo ♥

    Beijos, [blog em reforma]

    ResponderExcluir
    Respostas
    1. - Oiie >u< cachorros também são um amor , que bom que gostou linda e obrigada! ~ Kiss

      Excluir
  5. Esse tutorial é muito maravilhoso, adoro ele. Provavelmente, usarei no próximo layout.

    The Lord of Thrones

    ResponderExcluir
    Respostas
    1. - Muitoooo, que bom >u<, com certeza ficará lindo!
      ~ Kiss

      Excluir
  6. Oiee tudo bem? A recém entrei nessas parada de blog e talz faz uma série para ajudar a mim e os outros iniciantes

    ResponderExcluir
    Respostas
    1. Oe Duda que bom ^v^ novato no blogosfera, obrigada pela dica e irei faze-lo dpois, xoxo ^u^.

      Excluir

Please leia:
- Comente sempre em relação ao post.
- Caso queira usar ~> ♡
xoxo e obrigada aos comentários.

≧ω≦ © Mini Realeza - 2015 por Carol Sgomes | | Todos os direitos reservados - Tecnologia do Blogger ≧ω≦