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.

Veja esse video tutorial: Trocar imagem de fundo do seu blog

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.

O 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.

Veja 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.

Link desta página

Comentários

60 Comentários

60 Comentários:

Diego disse...: 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...; 3 de agosto de 2010 21:47
Juliana Souza disse...: 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.; 4 de agosto de 2010 11:17
Lara disse...: 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?; 5 de agosto de 2010 10:02
Fabiano Roberto disse...: essa opção por enquanto só aparece no blogger in draft http://draft.blogger.com/home; 5 de agosto de 2010 14:47
Verônica disse...: 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!!!; 5 de agosto de 2010 17:53
Fabiano Roberto disse...: Verônica, veja aqui: Conteúdo duplicado (Postagens, comentários); 6 de agosto de 2010 14:59
LUZIA disse...: Adorei a dica!

Fiz e deu certinho.
Ótimo blog :); 11 de agosto de 2010 09:00
Pat. disse...: Oi...
Como fazer o blogger virar /draft.blogger para eu poder postar minhas imagens de fundo??; 22 de agosto de 2010 22:58
Fabiano Roberto disse...: é só entrar no blogger in draft http://draft.blogger.com/ e achará como enviar a imagem de fundo; 22 de agosto de 2010 23:49
Peedro Miiguel disse...: OBRIGADO, AJUDOU MUITO...; 7 de setembro de 2010 16:02
Isaura Mirela disse...: 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; 8 de setembro de 2010 11:36
Fabiano Roberto disse...: Isaura Mirela
pode ser uma falha no carregamento da pagina, tente excluir seu histórico de internet; 8 de setembro de 2010 14:35
Saulo Sales disse...: Essa função não funciona no meu tema: www.saulosales.com.br; 13 de setembro de 2010 23:44
Fabiano Roberto disse...: Saulo Sales
por enquanto isso só está disponivel no blogger in draft, e claro se você usar um dos novos templates; 14 de setembro de 2010 15:15
Haiyat Raziya disse...: 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.; 3 de outubro de 2010 13:52
Haiyat Raziya disse...: 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.; 3 de outubro de 2010 14:03
Blurei disse...: Valeu pessoal vocês me ajudaram bastante a colocar um favicon no meu blog!; 13 de novembro de 2010 18:51
donatien alphonse françois disse...: Valeu! Vou botar teu link.; 2 de dezembro de 2010 18:01
Matheus rigo disse...: muito bom! o dicas para blog é demais visitem o meu blog blogdomatheusr.blogspot.com; 12 de dezembro de 2010 20:27
Anônimo disse...: eu tento mais diz : Não é aplicável a este modelo :/; 26 de dezembro de 2010 14:53
Fabiano Roberto disse...: provavelmente você não está usando os modelos do blogger... somente os novos templates permitem essas alterações pela pagina designer do modelo.; 26 de dezembro de 2010 15:33
Eliane disse...: 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.; 30 de dezembro de 2010 08:23
Dalva FC Cardoso disse...: Adorei tudas a dicas,vc esta de parabens,gostaria de saber como
colocar imagem no cabeçalho do
Blog.Grato.
Dalva; 18 de janeiro de 2011 16:16
Fabiano Roberto disse...: é 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; 18 de janeiro de 2011 16:28
Thamires disse...: 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..; 23 de janeiro de 2011 00:03
Fabiano Roberto disse...: a imagem de fundo tem que ser enviada ao blogger já no tamanho certo, ele não altera o tamanho dela(largura); 23 de janeiro de 2011 00:18
Thamires disse...: 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..; 23 de janeiro de 2011 19:59
tiago disse...: 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.; 27 de janeiro de 2011 04:15
Fabiano Roberto disse...: é 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; 27 de janeiro de 2011 14:14
tiago disse...: 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.; 28 de janeiro de 2011 11:07
Fabiano Roberto disse...: 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; 28 de janeiro de 2011 12:17
tiago disse...: 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.; 29 de janeiro de 2011 23:08
Fabiano Roberto disse...: 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; 30 de janeiro de 2011 00:13
tiago disse...: 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!; 30 de janeiro de 2011 20:57
tiago disse...: ps: esqueci só uma coisa.

como decho esse treco de comentar a baixo de capa page igual ao seu?
sempre esqueço algo........; 30 de janeiro de 2011 20:59
Fabiano Roberto disse...: 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...; 30 de janeiro de 2011 23:29
Tiago disse...: 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; 1 de fevereiro de 2011 15:44
Fabiano Roberto disse...: Tiago

você pode mostrar Somente os Títulos das Postagens, acho que não tem outro jeito de organizar seus marcadores; 1 de fevereiro de 2011 15:50
Sport Made disse...: 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; 9 de fevereiro de 2011 10:23
Anônimo disse...: Como faço para trocar a imagem de fundo sem precisar acessar o Design do Blogger??; 17 de março de 2011 22:27
Fabiano Roberto disse...: 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; 18 de março de 2011 16:00
José Ivaldo Donato Nóbrega disse...: Obg Fabiano seu Blog é showwwww e nos ajuda muito!; 9 de abril de 2011 17:51
Bruno e tomas disse...: Obrigado valeu mesmo!; 17 de abril de 2011 17:08
fenodeusvivo disse...: Adorei esse blog ...; 29 de maio de 2011 20:17
Giovani Bartz disse...: 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.; 4 de julho de 2011 13:12
Fabiano Roberto disse...: 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; 4 de julho de 2011 14:45
Giovani Bartz disse...: 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.; 4 de julho de 2011 20:46
Denise Agum disse...: 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.; 6 de julho de 2011 13:03
Guloseimas disse...: 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!!!; 28 de setembro de 2011 09:05
Isadora Drew Bieber disse...: 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!; 1 de outubro de 2011 17:33
Fabiano Roberto disse...: Isadora Drew Bieber
seu template deve ser dos modelos anteriores ao design do modelo...

veja aqui sobre Imagem no fundo do blog; 1 de outubro de 2011 22:15
ESPAÇO DA ESPOSA CRISTÃ disse...: BOA TARDE
QUANDO ENTRO NA PAGINA DE DESIGN DIZ NÃO SER POSSÍVEL .O QUE ACONTECEU .. OBRIGADO; 14 de dezembro de 2011 15:01
ESPAÇO DA ESPOSA CRISTÃ disse...: O QUE É RECEITA ,,, PAGA POR ISTO; 14 de dezembro de 2011 15:01
Fabiano Roberto disse...: @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.; 14 de dezembro de 2011 15:45
meire77 disse...: 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!; 17 de janeiro de 2012 19:03
Fabiano Roberto disse...: meire77
deve ser erro no carregamento da pagina tente excluir o histórico de internet; 18 de janeiro de 2012 15:22
@Igor__Sena disse...: Mais Como Tiro , O PLano De Fundo COlocado ??; 23 de fevereiro de 2012 19:11
Fabiano Roberto disse...: ao colocar um novo o anterior é removido automaticamente

e também tem a opção sem imagem nesta mesma pagina do design do modelo; 24 de fevereiro de 2012 19:23
made in Coldplay disse...: 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; 8 de abril de 2012 00:04
Fabiano Roberto disse...: 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; 14 de abril de 2012 01:07

Melhores Dicas para Blogueiros

Trocar imagem de fundo no blog - Designer do modelo

60 Comentários:

Postar um comentário