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...
- Acesse o Blogger
- Procure e clique em Layout
- Na página que abrir clique em Designer do modelo Clique para aumentar
- Clique em Plano de fundo
- 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.
- Observe sempre a área de visualização de seu modelo para saber o que está acontecendo e ver as mudanças. Clique para aumentar
- No quadro Imagem de plano de fundo clique na seta para aparecer as opções disponíveis
- Aparecerá um novo quadro para Selecionar imagem do plano de fundo
- Clique na opção Fazer upload da imagem ou Fazer upload
- Aparecerá uma nova opção, clique no botão Selecionar arquivo...
- 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
- Feito o upload da imagem clique no botão CONCLUÍDO Clique para aumentar
- 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-esquerda, no topo-centro e outras.
- 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.
- 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.
- Terminou, não esqueça de clicar no botão APLICAR AO BLOG Clique para aumentar
Colocar minha imagem como fundo no meu blogspot
- adicionar imagem no topo do blog, logotipo
- Mudar fundo, fonte e cores do gadget do BlogSpot
- Mudar aparência de comentário do autor no Blogger
- Inserir códigos na lateral do blogger
- Problema ao adicionar template no blogger?
- Fazer wallpaper animado online grátis!
- Background: plano de fundo grátis para Pc, blogou site
- Apresentação de imagens e posts recentes
- Posicionar texto sobre imagem e Div com Html e Css
Olá !
ResponderExcluirAdorei 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 ! =)
Thamires
ResponderExcluirNã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.
Excelentes dicas valeu mesmo!
ResponderExcluirAdorei a explicação, nada complicado, bem explicito, consegui mudar o visual do meu blog numa boa. Valeu!!!
ResponderExcluirmuitu bem explicado!!! ha dias que naum conseguia mudar de assunto e ninguem me ajudava!!! Obrigado!
ResponderExcluirÓ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!
ResponderExcluirLUCK! Perfum & Imports
ResponderExcluirNã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
Valeu! Muito boa explicação!Obrigado.
ResponderExcluirnossa muito bom mesmo Adorei a explicação, nada complicado, bem explicito, consegui mudar o visual do meu blog numa boa. valeu!
ResponderExcluirola, 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.
ResponderExcluirItalo
ResponderExcluirSe 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...
Adorei as explicações, consegui fazer e ficou ótimo, obrigado por tirar minhas dúvidas.
ResponderExcluirola pf responda a pergunta
ResponderExcluirpq toda foto que eu ponho fala que é muito grande
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.
ExcluirTambém pode ir no site Smushit, clique aqui e otimize(reduza em bytes) a imagem e baixe ela e tenta usar.
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
ResponderExcluirTipo, eu uso o modelo simples, e já peguei vários fundos para colocar, mais todos eles são tamanhos pequenos, porque?
ResponderExcluirVocê 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.
ExcluirA boa, fácil e simples explicação facilitou a mudança da imagem. Agradecemos.
ResponderExcluirNo 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.
ResponderExcluirO 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.
ExcluirÓtimo! Obrigada.
ResponderExcluiras postagens ficaram transparentes, PQ??
ResponderExcluirÉ 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
ExcluirOk ... 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 ?
ResponderExcluirAcho que é muito grande, tenta fazer uma cópia dela e reduzir o tamanho e depois tentar usar.
ExcluirEu 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.
Valeu cara! Você me ajudou muito!
ResponderExcluir