03/08/2010

Trocar imagem de fundo no blog - Designer do modelo

Agora o blogger permite enviar imagens de fundo diretamente pela pagina designer do modelo, ficou muito mais simples usar uma imagem de fundo personalizada. Você pode achar ou editar uma imagem para usar como fundo do blog e depois enviar para o blogger sem se preocupar com hospedagem ou endereços de imagens de fundo.

Video Tutorial - Trocar imagem de fundo do seu blogVeja esse video tutorial: Trocar imagem de fundo do seu blog

Imagem de fundo no blogspot
Faça login no Blogger in Draft, clique em designer, depois em designer do modelo, plano de fundo e clique no link fazer upload da imagem, então é só achar a imagem que desejar uma com background(fundo do blog), depois salvar. E já está pronto, mas veja que temos algumas opções interessantes nesta pagina.

Alinhar imagem de fundoO posicionamento da imagem de fundo ficou muito simples de fazer, isso é o mesmo que posicionar a imagem de fundo, veja na imagem abaixo e escolha o lugar onde a imagem aparecerá no seu blog.

Outra novidade muito legal é escolher se a imagem de fundo se repetirá ou não e também podemos deixar o fundo do blog fixo deixando apenas o conteúdo se mover e a imagem de fundo permanecendo fixa quando usar a barra de rolagem.

Posicionar imagem de fundo no bloggerVeja como funciona cada uma das opções:
Não dividir em blocos: a imagem aparece apenas uma vez
Bloco: a imagem se repete pela pagina toda
Dividir horizontalmente: ela aparece lado a lado
Dividir verticalmente: aparece uma embaixo da outra

A opção abaixo Rolar com a página faz a imagem do blog acompanhar a barra de rolagem, se desmarcar essa opção a imagem de fundo ficará fixa, somente o conteúdo (postagens, sidebar) irão se mover quando usar a barra de rolagem da pagina.

Vimos essa informação no blog do Blogger, para nós foi um pouco chato afinal faz pouco tempo fizemos um tutorial falando como colocar uma imagem de fundo no blog, o que agora ficou muito mais simples e rápido, mas tudo bem, não poderíamos adivinhar.
Related Posts with Thumbnails

64 comentários:

  1. A Equipe do Blogger está cada vez inovando e deixando o blogspot melhor. Estas opções são muito boas mesmo. Vou fazer um teste agora...

    ResponderExcluir
  2. Isso facilita muito as coisas.Espero novas dicas do Blogger in draft.Seu modo de explicar é bem mais fácil do que ir no site do Blog em rascunho.

    ResponderExcluir
  3. Estou com uma dúvida, quando entro em desing, desing de modelo e plano de fundo, não acho "fazer upload da imagem", onde está? Meu blog é novo, então não sei se essas coisas são do velho entendeu?

    ResponderExcluir
  4. essa opção por enquanto só aparece no blogger in draft http://draft.blogger.com/home

    ResponderExcluir
  5. Estou com um problema sério de postagem duplicada o que eu faço já tentei editar o código,já mudei o template mais não adiantou nada.Que probleminha chato que está me incomodando muito.Me ajuda por favor!!!

    ResponderExcluir
  6. Adorei a dica!

    Fiz e deu certinho.
    Ótimo blog :)

    ResponderExcluir
  7. Oi...
    Como fazer o blogger virar /draft.blogger para eu poder postar minhas imagens de fundo??

    ResponderExcluir
  8. é só entrar no blogger in draft http://draft.blogger.com/ e achará como enviar a imagem de fundo

    ResponderExcluir
  9. Olá, preciso de ajuda!
    Toda vez que entro em designer de modelo, ñ abre sempre pede para reiniciar o programa, qual será o problema?

    Ficarei muito grata com a resposta.

    Isaura Mirela

    ResponderExcluir
  10. Isaura Mirela
    pode ser uma falha no carregamento da pagina, tente excluir seu histórico de internet

    ResponderExcluir
  11. Saulo Sales
    por enquanto isso só está disponivel no blogger in draft, e claro se você usar um dos novos templates

    ResponderExcluir
  12. Estou com um, não diria problema, é mais um fato curioso, mas eu gostaria de corrigi-lo se possível.
    É que configurei a imagem de plano de fundo pra se adaptar a tela cheia. No meu pc comum tá exatamente como eu queria. Porém, quando acesso o meu blog pelo notebook, percebo que a imagem fica centralizada e não preenche toda a tela. Acredito que seja por uma questão de diferença de tamanho das telas convencionais antigas pras novas telas no padrão 1024 x 768.
    Minha dúvida é: existe alguma maneira de se padronizar o plano de fundo de tal maneira que ele fique em tela cheia, tanto no padrão 800 x 600 quanto no 1024 x 768?
    Obrigada.

    ResponderExcluir
  13. Desculpem amigos... mais uma vez pequei pela precipitação, por medo de usar um recurso e no caso do resultado não ser satisfatório, não conseguir voltar ao padrão original.
    nsegui fazer a imagem ficar em tela cheia também no notebook. Explico.
    Como eu havia colocado a imagem de fundo de acordo com a dica anterior daki do blog, anterior aos novos recursos do blogger, a imagem ficou na padronização antiga. O q fiz foi o seguinte:
    Eliminei a imagem no tamanho antigo;
    salvei no notebook a imagem em tamanho maior;
    recoloquei a mesma imagem, porém nos novos recursos do blog.
    Agora tá normal, tanto no notebook quanto no monitor antigo.
    Obrigada mais uma vez e desculpem.

    ResponderExcluir
  14. Valeu pessoal vocês me ajudaram bastante a colocar um favicon no meu blog!

    ResponderExcluir
  15. muito bom! o dicas para blog é demais visitem o meu blog blogdomatheusr.blogspot.com

    ResponderExcluir
  16. eu tento mais diz : Não é aplicável a este modelo :/

    ResponderExcluir
  17. provavelmente você não está usando os modelos do blogger... somente os novos templates permitem essas alterações pela pagina designer do modelo.

    ResponderExcluir
  18. Acho que ainda é válido o tuto sobre como colocar a imagem de fundo pois em alguns templates que pegamos pronto os acessos da edição de designer pelo blogger estão bloqueados.
    Valeu por todas as dicas. Eliane.

    ResponderExcluir
  19. Adorei tudas a dicas,vc esta de parabens,gostaria de saber como
    colocar imagem no cabeçalho do
    Blog.Grato.
    Dalva

    ResponderExcluir
  20. é só entrar na pagina layout, clique para editar o cabeçalho lá tem a opção de enviar uma imagem para ficar no lugar do titulo do blog

    ResponderExcluir
  21. Olá
    Gostaria muito que pudessem me esclarecer uma dúvida.
    Eu fui trocar a imagem de fundo do blog, por uma que haviam feito para mim. Só que a imagem aparece pela metade. Já tentei aumentar a alturaxlargura, diminuir o KB, converter em outro arquivo, salvar em outras formas e por lá, mudei o modelo, e nada resolveu. =/
    Alguém sabe o pq ? To perdendo as esperanças..
    Grata..

    ResponderExcluir
  22. a imagem de fundo tem que ser enviada ao blogger já no tamanho certo, ele não altera o tamanho dela(largura)

    ResponderExcluir
  23. Obrigada pela ajuda Fabiano.
    Adoro o seu site, me ajuda muito !
    Estão de Parabéns !

    E vc saberia me dizer qual é o tamanho padrão do blogger ?
    Grata..

    ResponderExcluir
  24. FABIANO,EU ESTOU PENSANDO EM FAZER UM BLOG COM ANIMES MAS O PROBLEMA É QUE NAO SEI COMO CRIAR OS FICHEIROS COM OS EPISODIOS E COLOCAR OS LINKS EM COLUNAS .....
    SE PODER ME AJUDAR EU AGRADEÇO.

    ResponderExcluir
  25. é só fazer as postagens e usar os marcadores para classificar seus animes, sobre links em colunas veja aqui como Fazer Colunas nos Gadgets ou Postagens

    ResponderExcluir
  26. ae eu ja fiz tudo o que voce me passou e estou muito agradecido,agora falta apenas uma coisa para tudo der certo,eu comecei postar os animes mas penssando bem quando tiver uns 300 epi de um anime a page dele ficara muito grande,eu queria saber como dividir o marcador do anime e tbm como colocar outras paginas igual seu site que lá em cima tem contatos,mais visitas e tal........
    prometo que essa será a ultima vez que venho aqui pedir ajuda.....
    eu acho.

    ResponderExcluir
  27. o nosso menu são paginas extras do blog e algumas postagens, veja aqui:

    Links lado a lado (menu horizontal)

    Paginas extras para o Blogspot

    sobre as imagens use o formato jpg, geralmente carrega mais rapido

    ResponderExcluir
  28. amigo montei meu blog tudo operando corretamente e tudo ok.....
    mas eu quero fazer uma modificação muito importante veja esse link
    http://animeszome.blogspot.com/search/label/Bleach

    se vc reparou a coluna do meio ta maior que as 2 do canto,e tambem o nome dos animes eu queria deichar do msm formato que a coluna esquer e sem essa mais informações que fica embaixo de cada episodio.
    aguardo sua respota e um abração!
    eu quero dechar a coluna central desse jeito aqui
    ve o link
    http://www.viewanimes.com.br/search/label/Bleach?max-results=60
    ok fui.

    ResponderExcluir
  29. tiago
    se retirar o leia mais as pessoas podem ficar perdidas no seu blog, mas veja aqui sobre a Quantidade de Posts por Pagina dos Marcadores

    e veja também como Mostrar Somente os Títulos das Postagens

    ResponderExcluir
  30. ae fabiano agradeço muitissimo mesmo por todas dicas,graças a voce meu blog ta ai funcionando e ja to com 800 episodios de animes....
    cara vlw msm por tudo!!!!!
    seu baner vai fica no meu blog pra sempre!

    ResponderExcluir
  31. ps: esqueci só uma coisa.

    como decho esse treco de comentar a baixo de capa page igual ao seu?
    sempre esqueço algo........

    ResponderExcluir
  32. tiago
    para deixar os comentários abaixo das postagens entre em configurações >> comentários, lá tem as opções de como os comentários parecem no seu blog, use a opção incorporar abaixo...

    ResponderExcluir
  33. eu denovo mas por uma boa razão.

    amg estou com um problemão,eu acabei de fazer um blog com animes ai eu separei em marcadores e ta tudo blz.
    o problemas é que quando e abro um dos marcadores por ex: naruto clássico
    a page com os posts aparece só 19 episodios e com o mais informações abaixo,e a page fica muito extenssa com apenas 19 episodios e para um anime como bleach que tem 307 episodio o visitante vai ter que ir trocando umas 16 pages para ir ao episodio 01……olha o link da page
    http://branimeszone.blogspot.com/search/label/Bleach
    veja como é ruim para ir ao episodio 01.
    eu quero dechar a coluna desse jeito aqui
    http://www.viewanimes.com.br/search/label/Bleach?max-results=60
    com apenas os titulos e pequenos para caber mais episódios na msm page.
    se poder me ajudar eu agradeço muito ja não sei o que fazer ninguem sabe me dizer como que fez ou se faz até msm o cara que fez o view animes.
    vlw e aguardo uma resposta para esse texto.

    Read more: http://www.yogodoshi.com/blog/internet/mais-de-2500-codigos-em-javascript-prontos-para-voce-usar#comment-185602#ixzz1CjL3Izrq

    ResponderExcluir
  34. Tiago

    você pode mostrar Somente os Títulos das Postagens, acho que não tem outro jeito de organizar seus marcadores

    ResponderExcluir
  35. Ola amigo, eu fiz do geitinho que voce falou, mas nao tem opcoes de alinhamento e etc, o que eu faco?

    aguardo a sua resposta o mais breve possivel

    desde ja agradeco

    sirley patricio

    ResponderExcluir
  36. Como faço para trocar a imagem de fundo sem precisar acessar o Design do Blogger??

    ResponderExcluir
  37. você pode fazer diretamente pela pagina editar html, use nossa pesquisa e procure imagem de fundo, a maioria das vezes que falamos sobre o assunto explicamos como fazer diretamente no html

    ResponderExcluir
  38. Obg Fabiano seu Blog é showwwww e nos ajuda muito!

    ResponderExcluir
  39. Caro Fabiano, já tentei os 2 tutoriais. No editar html não aparece aquele trexo no body, aí eu tentei esse aqui mas ja aumentei a imagem pra 2000 X 7000 e ela continua em meia tela, não adiantou nem dobrar o tamanho, ela só aumentou meio centimetro na tela.
    Acho mais fácil de alterar por esse turorial aqui mas qual é o tamanho da imagem?
    Se precisar, te envio a parte do body em html pra você dar uma olhada.
    Aguardo sua resposta.

    ResponderExcluir
  40. mas dependendo do tamanho da imagem ela não aparece inteira... só se a tela tiver tamanho suficiente, pois a imagem de fundo não muda a largura da pagina

    ResponderExcluir
  41. Valeu Fabiano, já achei o problema.
    A imagem era muito comprida daí fiz uma com 1000 x 1000 e o problema foi solucionado.
    Se quiser dar uma olhada:
    http://pescanalagoa.blogspot.com
    Se quiser pode excluir esta mensagem por causa do link, ok?
    Abraço.

    ResponderExcluir
  42. Há muito tempo desejo mudar a aparência do plano de fundo do blog, mas não sabia como. Encontrei a solução aqui. Valeu mesmo a dica. Por isso que coloquei um link para este site no meu blog. Obrigada.

    ResponderExcluir
  43. Oi obrigadinha, estava com um problemão sobre o tema do meu blog, queria colocar uma imagem diferente e seu blog me ajudou muito. beijos!!!

    ResponderExcluir
  44. Olá! Eu coloque um template personalizado. E quando eu vou trocar a imagem do plano de fundo, diz:não díponivel para esse modelo.
    O que eu faço para tocar a imagem, e se possivel em gif? Agradeço desde já! Abrçs!

    ResponderExcluir
  45. Isadora Drew Bieber
    seu template deve ser dos modelos anteriores ao design do modelo...

    veja aqui sobre Imagem no fundo do blog

    ResponderExcluir
  46. BOA TARDE
    QUANDO ENTRO NA PAGINA DE DESIGN DIZ NÃO SER POSSÍVEL .O QUE ACONTECEU .. OBRIGADO

    ResponderExcluir
  47. @ESPAÇO DA ESPOSA CRISTÃ se pagina design não está disponivel talvez você use um template mais antigo, então precisaria trocar de template para usar essa pagina.

    sobre receita, se estiver falando do google adsense você não paga nada, alias você ganha dinheiro com ele.

    ResponderExcluir
  48. eu quero abrir um blog no blogger mais não estou conseguindo abrir,toda vez que eu clico em novo blog para criar a conta,a janela de opção para o modelo do blog ela só aparece pela metade,ou seja eu escolho o modelo,mas a barra de rolagem não desce até a opção continuar para eu terminar de abrir a conta,vcs podem me ajudar?obrigado!

    ResponderExcluir
  49. meire77
    deve ser erro no carregamento da pagina tente excluir o histórico de internet

    ResponderExcluir
  50. Mais Como Tiro , O PLano De Fundo COlocado ??

    ResponderExcluir
  51. ao colocar um novo o anterior é removido automaticamente

    e também tem a opção sem imagem nesta mesma pagina do design do modelo

    ResponderExcluir
  52. Fabiano Roberto pq no meu blog sempre q faço o upload da imagem ela utrapasa os limites da tela do meu PC,na horizontal,nao consigo mudar a cor de plano de fundo do meu blog.No html a cor preta q tá por baixo fica aparecendo turva no cabeçalho do blog.
    Só fica turva no cabeçalho.
    Me ajude OBRIGADO

    ResponderExcluir
  53. made in Coldplay
    tem que reduzir a imagem num programa de editar imagens antes de usar no template

    se não consegue mudar a cor de fundo pela pagina design tem algum erro no html.

    entre na pagina editar html e procure por body{...}

    veja aqui sobre como editar a cor de fundo no html: Posicionar imagem de fundo

    ResponderExcluir
  54. muito bom ,tava procurando como mudar o visual do blog ,mas não sabia como fazia isso,valeu mesmo

    ResponderExcluir
  55. olá... Pelo que eu sabia era isso mesmo.. porém eu coloco a imagem e mesmo assim ela não aparece... Tem alguma explicação?

    ResponderExcluir
  56. Amanda então provavelmente o html do seu blog é modificado...

    isso deixa mais complicado trocar a imagem de fundo mas é possivel fazer editando diretamente o html do seu blog.

    você sabe qual é o endereço da atual imagem? se souber procure no seu html e apenas troque o endereço pelo de outra imagem.


    normalmente a imagem de fundo está no trecho body {.....}

    ResponderExcluir
  57. O meu aparece "não aplicável a este blog", o que faço?

    ResponderExcluir
  58. você baixou o template pronto de algum site? ou fez alterações nele? usa templates dinamicos do blogger?


    infelizmente quando diz que a alteração não é aplicável não tem solução e a causa está numa destas perguntas acima.

    ResponderExcluir