Cursos 24 Horas - Cursos 100% Online com Certificado

Fundo Fixo "Background Fixo" - Blogger

5 Comentários Autor : Notícia e blog 18 Outubro 2009



No Blogger quando descemos a página o fundo também desse, se for um fundo de cor nem percebemos mais se for um fundo de imagem a imagem ficará cortado prejudicando um pouco o Layout. Podemos fazer com que o fundo das postagens e da sidebar seja fixo ou seja o texto,imagens,fotos é que vão descer ao subir a página. Se for uma imagem o fundo o efeito é muito bonito.Para fazer o fundo fixo é necessário apenas algumas alterações no CSS, que veremos abaixo:


1.Acesse o painel do Blogger
2.Clique na aba "Layout"->"Editar HTML"
3.1 Procure por esse trecho no seu blog, você não encontra exatamente o código abaixo apenas parecido:
body{background:$bgcolor;
Se estiver como esse acima apague o trecho em vermelho e coloque o código abaixo:
background: url(url-da-imagem) center;
background-attachment: fixed;

Nota: Substitua o que está em laranja pela url da imagem desejada. Em roxo se a imagem ficar retida substitua por "no-repeat" sem as aspas.
3.2 Se encontrar o código em vermelho que foi pedido substitua todo os "background: até o ;" que estiverem dentro de "body:{ até }" pelo código abaixo:
background: url(url-da-imagem) center;
background-attachment: fixed;

Nota: Em laranja é a url da imagem desejada, em roxo se a imagem ficar retida substitua por "no-repeat" sem as aspas.


4.Visualize e Salve as alterações.

    5 Comentários

    Anônimo disse...
    21 de novembro de 2009 09:25 #

    Muito Obrigado, pela dica. Informações como está é de grande utilidade para quem está começando.

    Adams de Oliveira disse...
    2 de junho de 2010 16:41 #

    O que devo acrescentar para que fique apenas nas areas laterais em branco? eu uso um modelo simples de blog e desse jeito a imagem aparece por trás dos textos.

    Gustavo disse...
    10 de março de 2011 19:27 #

    Muito obrigado mesmo, estava tendo um problema em relação a um template que eu baixei na internet, e graças a você conseguir resolver :D

    Anônimo disse...
    3 de novembro de 2011 17:33 #

    obrigada, ajudou muito!

    Anônimo disse...
    1 de março de 2012 20:21 #

    valeu amigo pela ajuda

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.