quinta-feira, 5 de março de 2009

Passo a passo!

Vou ensinar aqui, como colocar os backgrounds q faço no seu blog!

1° - Faça o login no seu blog; vá em layout; escolher novo modelo:
Escolha o primeiro...Minima, branquinho, pq dai o fundo fica transparente pra mostrar o background!
Depois disso volte em layou; teditar HTML.
Na parte onde estiver escrito "editar modelo", vc procura onde tem isso escrito:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Fica logo no começinho! Super fácil de encontrar!
Troque a parte q está em laranja ai em cima por isto:

body {
background:$bgcolor;background-image:url(colocar link aqui);background-position: center; background-repeat:no-repeat; background-attachment: fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Depois disso não esqueça de tirar o background antigo...SE TIVER claro!!

2° - Depois de fazer td direitinho, entre aqui no meu blog, encontre o background q vc queira usar, e click na imagem! Ela vai aparecer grande em uma nova janela!

Click com o botão DIREITO do mouse em cima da imagem, e vá em propriedades!! Vai aparecer uma caixinha com várias informações!!
Copie o primeiro item: ENDEREÇO; ex: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBqgnocxIFmXvLCnEUmV_qWJQZJ4RFY-rbaT_lu6trOj4wnf6kv3z_s-fCVfMyy5s0gAkss2ABx6jL19OZHB32RGPxv-umyXH0zK37o-9NeDVC0Qz8WJt0VUfcmD09Z2b1x8Ojpm0EFDd/s1600/cute.jpg ( não esqueça de copiar inteiro até o final).

Assim q vc copiar, vc volta no layout, editar HTML, e troque onde esta escrito entre parenteses "colocar link aqui" pelo endereço q vc copiou da imagem:

body {
background:$bgcolor;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBqgnocxIFmXvLCnEUmV_qWJQZJ4RFY-rbaT_lu6trOj4wnf6kv3z_s-fCVfMyy5s0gAkss2ABx6jL19OZHB32RGPxv-umyXH0zK37o-9NeDVC0Qz8WJt0VUfcmD09Z2b1x8Ojpm0EFDd/s1600/cute.jpg);background-position: center; background-repeat:no-repeat; background-attachment: fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Clica em salvar modelo!
E PRONTOOOO!!
Vc já tem um novo background no seu blog!

Nenhum comentário: