segunda-feira, 14 de maio de 2012

Blogger: Planos de fundo diferentes para cada página

Neste tutorial vou ensinar a colocar planos de fundos diferentes para cada página do seu blog, é um sistema bem simples, que traz bons resultados, ao deixar seu blog com uma aparência mais profissional.
Para fazer isso é necessário que seu blog tenha páginas, atualmente, esse recurso é disponível no próprio painel do Blogger, e pode ser personalizado, no editor de modelo.
Em seguida, você vai precisar de um fundo, uma imagem de fundo. Nesse tutorial, as imagens de fundo que o Blogger disponibiliza são totalmente inúteis.

Você pode fazer seu próprio plano de fundo personalizado usando o Paint ou o Photoshop, em uma imagem de 1500 por 1800 pixels de largura e no formato Jpeg.

A partir do painel, vá em modelo, em seguida, Editar HTML, procure por </head>, e acima deste, cole o código as seguir:

<b:if cond='data:blog.url == &quot;http://SEUBLOG.blogspot.com/p/PÁGINA.html&quot;'>
<style>
body {
background-image: url(http://URL-DA-IMAGEM.com/IMAGEM.jpg);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>

Após fazer isso, mude duas coisas:

1. http://SEUBLOG.blogspot.com/p/PÁGINA.html: Altere isso para ligação da sua página - o link para sua página do seu blog onde você quer que o fundo personalizado apareça.

2. http://URL-DA-IMAGEM.com/IMAGEM.jpg: Altere isso com o URL da sua imagem.

Para ver o resultado deste tutorial, acesse nossa página "Empire Rádio", e vai ver que o plano de fundo dela, é diferente do resto do blog.

Um comentário:

  1. Olá,

    Preciso de uma grande ajuda,

    Baixei um template pela internet que é esse
    http://templatesparanovoblogger.blogspot.com.br/2011/08/template-super-clean.html

    Consegui modificar ele todo até ai ok, porém criei uma imagem de fundo que fica banca na pagina HOME, mai essa imagem aparece em todas as paginas do Blog e nas outras não fica legal.

    Como faço para que o background que criei apareça apenas na pagina inicial?
    Esse é o Blog para entenderem: http://nelmaalmeida.blogspot.com.br/2013/09/Link%2001

    Obs: ainda não terminei estou empacado com esse problema.

    Abraço!

    ResponderExcluir