Tutorial : Dois backgrounds no blog

Heey, bem vocês já devem ter visto que o blog possui dois backgrounds né? Bom, para quem não sabe, backgrounds são dois temas, no caso do blog, aqui no PM, tem o 1° background, que é o de florzinha com os desenhos, e o 2° background que fica em todo o blog, o cinza, logo abaixo do primeiro.

Mas como colocar isso no blog? Bora ver como é?

Clique em Mais Informações ou no título para visualizar o tutorial!

• Painel do blogger -> Modelo -> Editar HTML.

Bom, depois de chegar ao HTML, é ai que está o grande problema. O Blogger fez uma enormeee mudança na organização do HTML, mas é a mesma coisa, não se apavore!

Mas e agora? Ao chegar no "Editar HTML" você vai se deparar com algo parecido com isto :

Bem, mudou muito né? Mas eu achei bem mais organizadinho, apesar de que quando eu abri o "Editar HTML", levei um susto e fiquei perdida! Mas descobri como que se acha todos os códigos que nós personalizamos pelos tutoriais que encontramos! Clique no número 14, lá está escrito </b:skin>.

Depois de clicar, aparecerá TODOS os códigos que você já personalizou pelos tutoriais. Depois, aperte Ctrl + Shift + F e aparecerá duas janelinhas de procura : uma janelinha do seu próprio computador/navegador e uma do HTML, do blogger. Digite sua procura na janelinha de procura do HTML, do blogger, porque se não, não dá certo. NÃO digite na janelinha do navegador.

• Aperte  Ctrl + Shift + F
• No espacinho onde se procura algo do HTML, procure por :  </b:skin>
• Ao achar, cole o seguinte código ACIMA de </b:skin> :

body, html {

height: 436px;

margin: 0;

padding: 0; }

body {

background: url("URL DO 1° BACKGROUND") repeat; }

html {

background: url("URL DO 2° BACKGROUND") repeat; }

Em "URL DO 1° BACKGROUND" é onde você vai copiar a URL da imagem que você quer colocar, faça sua imagem no photo scape ou qualquer outro editor, coloque na internet por um tempo só para você copiar o HTML e colar nesse espaço. Em "URL DO 2° BACKGROUND" é onde você vai copiar a URL da segunda imagem, no caso do blog, é cinza.

Em "height" destacado de roxinho, é o tamanho do espaço do 1° background, ou seja, é o tamanho que o 1° background irá ocupar. O meu, eu uso 436px, mas recomendo também 400px, 420px...você quem sabe!

Então é isso, o tutorial termina por aqui, espero que tenham gostado e entendido!

Qualquer dúvida, é só perguntar! Comentem e opinem!

Bisous!