Reino Kawaii

http://www.weheartit.com Olá! E muito obrigada a todos que acompanham o Reino Kawaii, tanto no blog, que chegou a +600 nobres amigos, quanto nas redes sociais! Eu estou super feliz em contar com vocês!
Bom, este post será sobre como utilizar em um mesmo layout 1 ou mais de 1 background, conforme vocês devem ter notado nos últimos templates que fiz. Vamos lá?
1. Adicionando Background ao Template
Existem 2 modos. O primeiro é acessar Modelo - Personalizar - Plano de Fundo, e escolher entre as imagens do Blogger ou Fazer Upload de uma imagem salva em seu computador.
O segundo modo é pelo HTML. Geralmente, a área voltada ao background ou plano de fundo (e outras coisas), aparece do seguinte modo em templates do Blogger:

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 */  
}

Nos interessa aqui mudar a parte do background, que se transformará em:

 body {
  font: $(body.font);/* tipo e tamanho da fonte para o blog */
  color: $(body.text.color); /* cor do texto no blog*/
  background: url(URL DA IMAGEM) repeat; /* plano de fundo */  
} 

Caso queira adicionar 1 cor como plano de fundo, no lugar de background: url(URL DA IMAGEM) repeat; coloque background: #CÓDIGO DA COR; e se quiser que o background não repita, deixe assim: background: url(URL DA IMAGEM) no-repeat;

2. Usando 2 Backgrounds:

Encontre o primeiro código ao qual me referi acima. Encontrou? Agora o substitua por:

body, html {
     height: 623px;
     margin: 0;
     padding: 0;  }
body {
    font: 12px arial,verdana,sans-serif;
    color: #c1c1c1;
    padding:0px;
    margin:0px;
    text-align: justify;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP5zAuUtWRFbIgPN4D16F0j-FlejE4nElXOHlqdLm4I6q94NDiy6KNbWBtiFbRv6-HfuUpqNBeQiRdSxOFjJm011iggphUTAz04S9QXKQvXrHXs7oOh9mRIg-6GIJStvcDgM8Jvncjd3Y/s1280/headernatal.png) no-repeat  scroll top;}
    html {
     background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGshqdbbJM6Iw5WY6CVkCEeOJcrWaSzsI-bSZKfXrvHPC8MZEjeAzpmiV1MKT1Qp5F2r6m9Om6c4JoocXVT8grYVTPvF21P48u0hqwXdhFRsQbLgM3vebB2cccf8SBCj2NX10WlQR2Y1Zu/s1600/bc3new.png") repeat;
 }

Note no código acima que:
- em height: 623px; é o tamanho do primeiro background e você poderá substituir os links da imagem. Este código é idêntico ao do template de Natal que disponibilizei ontem, ou seja, já está prontinho para você e é legal porque você pode usá-lo com o 1º background como cabeçalho, integrando-o a área de postagem e sidebar :3 Para ficar mais bonitinho, remova o gadget header (como mostrei aqui no template free de ontem).
Aprendi no Cherry Bomb e modifiquei ao meu gosto ^^

3. Usando Mais de 2 Backgrounds

Lembra do Nyanpire Cat Template? Nele há 1 background geral, mas há também opção do leitor deixar o plano de fundo de acordo com seu gosto. O background geral é feito como no segundo código de início deste post; para adicionar mais três, com opção de trocar de plano de fundo com um click, leia este tutorial do Trashy Girl. Lá vocês poderão entender o código todo ok?
É isso ^-^ Com um pouco de atenção e paciência dá para modificar tudinho e acrescentar muitas coisas.Se quiser imagens de backgrounds, veja aqui no Reino Kawaii:
Beijinhus e te vejo mais tarde;3