12 de abr de 2013

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!


14 comentários:

  1. É bem fácil! ^^

    Beijos, Carol!
    http://controversias-blog.blogspot.com.br/

    ResponderExcluir
  2. Esse tuto é ótimo e pra minha sorte, é bem fácil, AHSSAUH' Sempre utilizo ele e_e'

    -4 Seconds.

    ResponderExcluir
  3. Nyah, já tinha visto esse tutu, bem fácil e útil :)
    Chu!~♪
    Mutant-Paradise.blogspot.com

    ResponderExcluir
  4. é muito legal,depoois vou fazer,amei o post bem explicadinho!!!'
    bjs
    MInha Mãe Me Ensinou

    ResponderExcluir
  5. Esse tuto é muito fácil e o resultado fica muito legal!Amei.

    www.em-teusbracos.blogspot.com

    ResponderExcluir
  6. Que saudade da época que eu usei esse tuto :(

    princess-intheclouds.blogspot.com.br

    ResponderExcluir
  7. O tuto é fácil, o resultado é lindo mais cada blog tem um número diferente, sabia? D:

    http://catch-html.blogspot.com.br/

    ResponderExcluir
  8. aaaaaaaaah, otimo tutorial

    Uaau, parabéns pelo seu blog, eu amei aqui, amei sua criatividade, seu modo de falar com os leitores, a forma que você usa nas postagens, o design e etc, eu realmente curti e vou voltar aqui sempre ! Obrigada por ter criado . Parabéns novamente e já estou seguindo ((: Parabéns !!
    http://dezesseteetantos.blogspot.com.br/

    ResponderExcluir
  9. Ahh muito legal!!!Adorei o tutorial flore!bjs
    Minha Mãe me ensinou

    ResponderExcluir
  10. Adorei o tutorial!!! ^^
    http://eaiadolescente.blogspot.com.br/

    ResponderExcluir
  11. Aloha Lara! adorei o tuto me pareceu bem fácil, até por que eu não entendo muito de HTML e tutos assim como o seu salvam minha pele kkk

    xoxo'

    Blog: http://candy-l4nd.blogspot.com.br/
    Fã Page: http://www.facebook.com/pages/Candy-L4nd/419986064757761

    ResponderExcluir
  12. Olá tudo bem com você?! Estou passando por aqui para avisar e convidar você e as suas leitoras a participarem de um sorteio que está rolando lá no Blog! Serão sorteados 12 lindos produtos de maquiagem e o resultado sai dia 11/05!
    Confiram e vejam os detalhes no link: Sorteio

    Beijos tenha uma boa semana!

    Blog Milla's World | Facebook | Twitter

    ResponderExcluir
  13. Muito boa a dica heim flor!

    Mil beijinhos,
    Angélica Azambuja

    Tumba Cerrada

    ResponderExcluir
  14. Finalmente um código que dá certo!
    Obrigada :D

    ResponderExcluir

Welcome to my blog!
Thank you so much for your visit!