Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

03/08/2012

NOVO: Backgrounds diferentes em cada página do blog

Como vão vocês, minhas doçuras preferidas???

Hoje trago um tutorial FA-BU-LO-SO que achei no blog Empire 69. Com esse tutorial, nós poderemos personalizar os fundos das páginas do blog para que cada uma fique com um fundo diferente. Não acredita em mim??? Passe então em cada página aqui do DSM (menos a dos parceiros, que é um link para o Blog dos Parceiros do DSM)... Viu que cada uma está com um fundo??? Pois é, seu blog também pode ter esse recurso, basta achar os fundos e ir colocando no blog... Só isso!!! Lembrando que para que tudo dê certo você tem que seguir o tutorial à risca, sem apagar nenhum catactere.
Então preparem seus teclados pois o tutorial incrível vai começar!!!

Tutorial: Backgrounds diferentes em cada página do blog

Antes de tudo, procure sempre salvar uma cópia do seu template ou treine num blog de testes. Isso é essencial para que (no caso do código dar errado) você possa recuperar o template original sem problemas.
Para começar, entre em Modelo > HTML. Clique em qualquer parte do HTML e depois aperte Ctrl + F no seu teclado. Na caixinha que abriu (Search), cole o seguinte código: </head> e aperte a tecla "Enter".

Antes de </head>, cole o seguinte código:


<b:if cond='data:blog.url == &quot;http://ENDEREÇO_DA_SUA_PÁGINA&quot;'>
<style>
body {
background-image: url(URL-DA-IMAGEM);background-position: center; background-repeat:repeat; background-attachment: scroll;
}
</style>
</b:if>

No lugar de ENDEREÇO_DA_SUA_PÁGINA, coloque o endereço da página que você quer que o fundo seja diferente. É importante que, se seu blog tiver um domínio, você não se esqueça do www. Por exemplo, quando fui mudar a página "DSManiacs", coloquei www.docesonhodemenina.com.br/p/dsmaniacs.html mas se meu blog não tivesse domínio personalizado eu colocaria docesonhodemenina.blogspot.com.br/p/dsmaniacs.html
No lugar de URL-DA-IMAGEM, coloque sua imagem já hospedada. Clique aqui para conhecer os melhores sites para hospedar suas imagens.
Não adianta visualizar, basta clicar em "Salvar Modelo" e pronto, agora é só ir no seu blog conferir o novo fundo.
Se quiser colocar em mais páginas, cole em cima de </head> todo o código novamente, só que mudando os endereços.

Gostaram do Tutorial??? Não percam a música de amanhã, que será show-de-bola!!!

Mil Sweetkisses,
11 Comentários
Comentários

11 comentários:

  1. Nossa! Bacana esse tutorial! :D
    E o melhor de tudo é que ele é bem simples e fácil.
    Obrigado, por compartilhar moça.
    Um beijão pra ti:*

    ResponderExcluir
  2. Passando pra desejar BOM DIA!

    Ane
    www.diarivirtualdaame.blogspot.com

    ResponderExcluir
  3. Demais essa tuto, depois eu vou ver se eu consigo lá *-*

    http://variedadesdecoisasparagarotas.blogspot.com.br/

    ResponderExcluir
  4. Não sabia que podia fazer isso, vou usar no meu próximo design.bjs
    http://blogbondmais.blogspot.ocm

    ResponderExcluir
  5. Amei suas dicas, parabéns pelo post, seu blog é super fofo e criativos, bjs.

    www.girlsteensgn.blogspot.com.br

    entre, conheça e SIGAAA, TE ESPERAMOS LA, BJS.

    ResponderExcluir
  6. Aahhhh - Sheilaa!! Meniina,eu não posso acreditar que fiqueii entre os blogs do mês de Julhooo!! Ahhh - surtando aqui,surtando aqui,surtando aqui!! Kkkk'. Eu sempre fui DOIDA pra entrar nesta lisitinha,e enfim entrei,né?!! Kkk. Fiquei muito feliz,e espero que seu blog lindo continue neste caminho de sucesso,porque você merece! Não deixei de reparar que você modificou seu lay.... tá liindo! Babando aqui,kkkkk *---* Um grande beijoo ♥
    http://viciados-na-saga-crepusculo.blogspot.com.br
    P.S.: Adoreii o tuto,super diferente! ;)

    ResponderExcluir
  7. Ah,Sheila,entrando na conta do "Inacreditavelmente Eu",vim te convidar a dar uma passadinha lá: (postei uma música super legal,acho que você vai gostar.)
    http://inacreditavelmenteeu.blogspot.com.br
    Um beijooo ♥ Da Ester,de novo. Kkkk'

    ResponderExcluir
  8. Sheilinha!!! novamente compartilhando informações...adorei! parabéns e obrigada pelas dicas.
    10000000000beijokas.
    confissoesdeumavintolescente.blogspot.com

    ResponderExcluir
  9. Adorei o tuto, embora não iria combinar muito no meu blog =S

    bye bye

    ResponderExcluir
  10. Pode usar esse tutorial,várias vezes. Tipo se eu quiser colocar os backgrounds diferentes em cada página do meu blog, pode colocar um código em cima do outro?

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados