Post |Dicas blog, Pc

Sua própria imagem de fundo no blog, usando blogger com novos modelos

Mostrarei como usar uma imagem do seu Pc(Computador) como fundo em blogs que usam os novos modelos do blogger, sem uso de códigos.

Me perguntaram como colocar uma foto de plano de fundo no blog, para os novos modelos do blogger é possível fazer isso sem mexer em códigos, para o modelo Layout(antigo de 2010) eu fiz um post que tentava mostrar como mudar a background(fundo) do blogspot, mas era alterando o Css e muitas pessoas não conseguiram, isso devido a complexidade do assunto e as diferenças de modelo.

Com os novos modelos o blogger criou a opção de mudar imagens de fundo com muitas imagens, agora tem uma opção para colocar uma imagem sua de fundo no BlogSpot, mas, também não será muito fácil para alguns, isso porque tem muitas opções para fazer com que o fundo fique da maneira que a pessoa quer, alguma delas é a opção de alinhamento, se a imagem se repete caso haja espaço sobrando na página, se a imagem fica fixa ou não...

Para evitar erros você pode fazer uma cópia de seu modelo antes de iniciar ou usar um blog de testes para praticar, mas, se você fizer as alterações descritas nos passos abaixo e não clicar no botão de APLICAR AO BLOG nada vai acontecer e seu modelo não terá alterações, sendo assim, não gostou é só não aplicar.

As imagens abaixo são um esboço e podem ser um pouco diferentes do que você verá no momento de alterar o fundo de seu blog,

Se a sua imagem de fundo não aparecer pode ser porque a área dos posts ou lateral tem uma cor de fundo e ambas estão sobre o fundo, mas, no novos modelos tem a opção Avançado que possui Transparente para cores de fundo dessas áreas, veja aqui

Antes que alguém reclame, com essa opção do blogger ainda não é possível usar imagem animada como fundo, o blogger destrói a animação na tentativa de reduzir o peso da imagem, pessoalmente, eu não gosto de páginas com muita animação, isso tira a atenção e depois de um tempo fica enjoativo, de fundo então..., acredito que outras pessoas pensam igual, mas...

    Colocar minha imagem como fundo no meu blogspot

  1. Acesse o Blogger
  2. Procure e clique em Layout
  3. Na página que abrir clique em Designer do modelo
  4. Clique para aumentar
    design de modelo no blogger nova interface atualizada
  5. Clique em Plano de fundo
  6. Na opção Cor de tema principal é bom você escolher uma cor de fundo que combine com a imagem, caso um dia a imagem de um problema e mesmo porque quem tem conexão lenta pode ver uma cor que combine até que a imagem apareça.
  7. Observe sempre a área de visualização de seu modelo para saber o que está acontecendo e ver as mudanças.
  8. Clique para aumentar
    Como colocar uma imagem ou fotos própria no blogger
  9. No quadro Imagem de plano de fundo clique na setabotão seta para opções blogger para aparecer as opções disponíveis
  10. Aparecerá um novo quadro para Selecionar imagem do plano de fundo
  11. Clique na opção Fazer upload da imagem ou Fazer upload
  12. Aparecerá uma nova opção, clique no botão Selecionar arquivo...
  13. Abrirá uma janela para você escolher uma imagem de seu Pc(isso pode ser diferente dependendo do seu Pc ou sistema operacional) mas, nessa janela que abrir procure a imagem e clique uma ou duas vezes nela e se preciso for clique no botão Abrir
  14. Feito o upload da imagem clique no botão CONCLUÍDO
  15. Clique para aumentar
    Fazer upload de imagem do pc para o fundo no novo modelo do blogger
  16. Depois aparecerão as opções de posição da imagem, clique em Alinhamento e no menu que aparecer escolha um dos 'quadrinhos' que representam o alinhamento da imagem, que são no topo-esquerdaImagem de alinhamento do fundo, no topo-centroImagem de alinhamento do fundo e outras.
  17. Um pouco abaixo terá opções de Não dividir em bloco que é para a imagem não repetir, ou, bloco é para a imagem repetir e as opções repetir horizontalmente e verticalmente.
  18. Depois tem a opção Rolar com a página, que, a imagem de fundo fica parada mesmo quando a pessoa roda a página se você desmarcar essa opção, ou, a imagem de fundo vai subir e descer junto com o conteúdo se deixar marcado.
  19. Terminou, não esqueça de clicar no botão APLICAR AO BLOG
  20. Clique para aumentar
    posicionar imagem de fundo no blogger

26 comentários:

Sua própria imagem de fundo no blog, usando blogger com novos modelos2011-01-27T06:11:00-02:00
  1. Olá !
    Adorei a explicação, tá bem facinho..
    Mas estou tendo um problema, pedi a um amigo para fazer uma imagem para mim, só q ela fica na metade do blogger, já tentei de tudo,mas nada funcionou para melhorar. Por que será que acontece isso ? Grata ! =)

    Responder
  2. Thamires

    Não entendi muito bem, será por causa do tamanho da imagem, talvez muito grande ou pequena, você tentou usar essa imagem como fundo ou postar?

    Se você tentou usar a imagem como fundo, no passo 13 acima tem uma dica de como alinhar a imagem de fundo.

    Responder
  3. Excelentes dicas valeu mesmo!

    Responder
  4. Adorei a explicação, nada complicado, bem explicito, consegui mudar o visual do meu blog numa boa. Valeu!!!

    Responder
  5. muitu bem explicado!!! ha dias que naum conseguia mudar de assunto e ninguem me ajudava!!! Obrigado!

    Responder
  6. Ótimo seu blog! Massaaa...só uma dúvida...você saberia o tamanho padrão de uma imagem pra ficar apenas ela no fundo...sem repetição e cobrir todo o blog? Abraço!

    Responder
  7. LUCK! Perfum & Imports

    Não existe um tamanho padrão, você é quem decide, mas, deve levar algumas coisas em conta, se a imagem ficará fixa, na altura é bom um tamanho de pelo menos 1080, pelo menos em 2011 é a segunda maior que vi, a menos que você encontre uma maneira da imagem se confundir com a cor de fundo, isso seria o ideal.

    Na largura depende, o mais ideal seria a imagem ter a um pouco mais ou igual a largura do seu blog, quase todo blog tem uma largura e a sobra, ou seja, se você olhar com uma resolução de tela mais larga perceberá uma sobra, se na lateral que sobra a imagem se confundir com a cor de fundo é bom, dependendo do modelo pode até se destacar, você também pode desenhar uma borda nas laterais da imagem para dar um efeito ou disfarçar o fim dela, fazer com que as borda laterais dela se pareçam com a cor de fundo, tudo isso para que você não precise usar uma imagem muito larga, abaixo vou explicar porque.

    Você também pode usar uma imagem super larga, para que ela ocupe toda a tela até daqueles visitantes que usam uma resolução de 1980 de largura, mas, as pessoas que usam resolução menor só irão ver parte da imagem e ela pesará mais. Nessa opção, não tem como "agradar" a todos, por isso, é fazer o que citei acima para altura, e, para largura, essa ultima opção com imagem muito grande ou a opção acima, imagem na largura do blog e para os usuários com resolução maior que a de seu blog, terão uma sobra sem imagem, também tem a opção da imagem repetir, mesmo sendo grande, pode fazer isso, mas sempre fica notável e perceberá que parte da imagem estará cortada e o encontro delas muitas vezes fica feio, é igual encostar uma foto do lado da outra, o mais indicado seria fazer uma borda para as laterais dela, um tipo de borda que combine com o seu layout.

    Se você optar por usar imagem grande, clique e veja aqui, uma estatísticas da resoluções mais usadas nos últimos meses

    Responder
  8. Valeu! Muito boa explicação!Obrigado.

    Responder
  9. nossa muito bom mesmo Adorei a explicação, nada complicado, bem explicito, consegui mudar o visual do meu blog numa boa. valeu!

    Responder
  10. Anônimo1/2/12

    ola, meu nome é italo, eu fiz igual pede ali em cima, mas quando eu escolho a imagem que eu quero( essa imagem eu tirei da internet, eu aumentei seu tamanho para 1800x1600 pixels no paint ) essa imagem nao aparece, e tambem nao aparece o passo nº 13, 14 e 15. so da pra usar os modelos dele mesmo. por favor ajudem.

    Responder
  11. Italo

    Se até o passo 12 funcionou indica que seu modelo está com parte do código preparado para colocar a imagem de fundo, mas, talvez essa opção não funcione, isso porque realmente é para os novos modelos do blogger, isso não quer dizer que não funcione em alguns templates da web.

    Se não tiver essa opção, você pode escolher um dos novos modelos do blogger, menos os dinâmicos, ou mudar usando o Css do HTML do seu modelo, mas, nesse caso teria que ter uma boa noção de Css/Html, mas é bom usar um blog de testes para isso, aqui tem umas dicas sobre fundo no blogspot e exemplos, mas não tem como explicar detalhadamente como faz e o que faz porque cada modelo é diferente, por isso digo que você precisará usar um blog de testes e ver o que precisa mudar, qual o efeito após cada alteração...

    Responder
  12. Adorei as explicações, consegui fazer e ficou ótimo, obrigado por tirar minhas dúvidas.

    Responder
  13. ola pf responda a pergunta
    pq toda foto que eu ponho fala que é muito grande

    Responder
    ...Respostas
    1. Se sua foto é muito grande talvez seja por esse motivo, provavelmente quendo a gente tira uma foto com uma câmera de 12MG ou algo assim, a foto pode ficar grande, tenta descobrir os tamanhos dela, o bom é que não ultrapasse 1600px de largura e 1250px de altura, porque dificilmente tem tela que use resolução maior que a descrita, se suas fotos são maiores que isso, use um editor de imagens para reduzir seu tamanho.

      Também pode ir no site Smushit, clique aqui e otimize(reduza em bytes) a imagem e baixe ela e tenta usar.

  14. Bom dia!!!eu quero te parabenizar pelo seu trabalho...sei o quanto é dificil passar horas tentando concretizar um trabalho!!voce foi um anjo pra mim !porque eu nao sei nada de computador estou apredendo agora e voce me salvou!!!obrigado de coraçao que Deus te abençoe muito na sua vida!!!!obrigadoooooooooooo

    Responder
  15. Tipo, eu uso o modelo simples, e já peguei vários fundos para colocar, mais todos eles são tamanhos pequenos, porque?

    Responder
    ...Respostas
    1. Você usa a imagem que quiser para fundo, se seu modelo é dos novos modelos, aí, seguindo os passos acima você pode usar qualquer imagem que esteja em seu computador, o tamanho da imagem depende apenas da própria imagem, ou se você mudar o tamanho dela usando um editor do seu computador(antes de adicionar no blogger), e, como mostrei nos passos acima, você pode escolher se quer que ela fique centralizada, parada, etc.

  16. A boa, fácil e simples explicação facilitou a mudança da imagem. Agradecemos.

    Responder
  17. No meu está acontecendo algo estranho, fui modificar a imagem de fundo e agora todas que coloco aparecem pequeninas(inclusive se tentar colocar a que estava antes). O que será que está acontecendo? Não importa as dimensões das imagens que eu tente colocar, sempre ao carregar aparece pequenina.

    Responder
    ...Respostas
    1. O fundo na visualização do blog aparece a imagem pequena também? Tem uma área que mostra seu blog abaixo das configurações(veja o passo 6) tem a área que mostra seu blog, se ali no seu blog a imagem estiver pequena é porque pode ser um bug do blogger, nesse caso, no passo 14, que é as opções de 'dividir em bloco', deixe a opção não dividir em bloco antes de colocar a imagem, outra coisa que você pode tentar é abrir a imagem no seu computador, mas faça isso com um editor de imagem como o paint e deixe ela no tamanho desejado e então tente salvar com outro nome e outro tipo de imagem, talvez do tipo .png e tente a nova imagem, após colocar ela salve e vai ver em seu blog.

  18. as postagens ficaram transparentes, PQ??

    Responder
    ...Respostas
    1. É provável que seja o estilo de seu modelo escolhido, ma, você pode mudar isso, para escolher outras cores, como cores de postagens, pode clicar aqui e ver como faz ou pode tentar ir em >Layout e na página que abrir clique em >Designer do modelo e então na opção >Avançado aí procure e clique na opção que diz algo como Postagens ou talvez Post do blog e personalize as cores, visualize como ficou e depois se ficou bom não esqueça de Salvar ou Aplicar

  19. Ok ... Mas quando eu coloco a imagem que quero diz que ela não tem pixel certo :c como faço para colocar la com o pixel 1800 x 1600 ?

    Responder
    ...Respostas
    1. Acho que é muito grande, tenta fazer uma cópia dela e reduzir o tamanho e depois tentar usar.

      Eu realmente não sei porque, se ela é muito 'pesada' em bytes, ou as proporções, se for o peso em bytes você pode tentar um programa que reduza(otimizar) a imagem.

  20. Valeu cara! Você me ajudou muito!

    Responder

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!