Scroll Top

Hospedagem - 728 x 90

Blogger

Como hospedar imagens no Blogger

bloggerAprenda a hospedar imagens no próprio Blogger para utilizar em banners, slideshows, templates e outros pontos do seu blog que não sejam postagens.


Introdução

Além das postagens, há diversas situações em seu blog em que você precisa de imagens:

  • Slideshows para destacar postagens que você considera importantes;
  • Banner de divulgação do seu blog (como o que é feito no Gerador de Código para Caixa Link Me);
  • Uso como fundo ou outras partes do template.

Em alguns artigos aqui do Gerenciando Blog, já mostrei alguns serviços onde você pode hospedar imagens:

Quando se trata especificamente de imagens, há outra opção: as imagens podem ser hospedadas no próprio Blogger.

Embora isso não possa ser feito diretamente, é possível fazer o processo através de postagens, com alguns cuidados que mostrarei neste artigo.

Passo 1 – Criar um novo blog, apenas para hospedar as imagens

O primeiro passo para hospedar as imagens é criar um novo blog no Blogger, apenas com essa finalidade.

Se você tem dúvidas sobre como fazer isso, veja o artigo Como criar um blog no Blogger.

Não importam o nome e o endereço que você dará a ele, pois eles não serão utilizados.

Também não faz diferença o que template que você colocará, então pode manter o “Simples”.

É interessante fazer algumas configurações nesse novo blog para evitar que as postagens dele sejam encontradas:

  • Em “Básico”, clique na opção “Editar” em “Privacidade” e marque as duas opções como “Não”. Depois, clique no botão “Salvar alterações”.

  • Como hospedar imagens no Blogger

  • Nessa mesma tela, clique em “Editar” em “Leitores do blog”, marque a opção “Privado – somente autores do blog” e depois clique no botão “Salvar alterações”.

  • Como hospedar imagens no Blogger

Passo 2 – Crie uma nova postagem nesse blog e adicione as imagens a ela

Após ter criado o blog para hospedagem, crie nele uma nova postagem.

Nessa postagem, você adicionará as imagens que deseja hospedar, utilizando a opção “Fazer upload” e clicando no botão “Escolher arquivos”.

Depois, basta selecionar a imagem e clicar em “Adicionar selecionadas”.

 

Como hospedar imagens no Blogger

Você pode dar qualquer título à postagem, pois essa postagem nunca será vista por ninguém.

Não é necessário editar a URL, nem preencher descrição, marcadores etc.

Você pode colocar todas as imagens que for utilizar em uma única postagem. Se preferir, pode também criar diversas postagens, a fim de separar as imagens e mantê-las organizadas.

Você pode, por exemplo, criar uma postagem chamada “Slideshow”, onde colocará todas as imagens que utilizará no slideshow do seu blog, e assim por diante.

Após finalizar, faça a publicação normal dessa postagem.

Passo 3 – Obtenha a URL da imagem que você hospedou

Uma vez publicada a postagem, você deve visualizá-la. Para isso, basta clicar na opção “Visualizar”, logo abaixo do título da postagem.

 

Como hospedar imagens no Blogger

Quando a postagem for aberta, clique em cima da imagem com o botão direito do mouse e escolha a opção “Copiar URL da imagem” (dependendo do seu navegador, a opção pode ser ligeiramente diferente).

Como hospedar imagens no Blogger

Pronto! Agora, você tem o endereço do local onde a imagem foi hospedada. Em meu exemplo, o endereço da imagem é http://3.bp.blogspot.com/-hlauzcvZqm0/U2_1mKHzWSI/AAAAAAABDvY/4T11w-Y3qDw/s1600/imagem1.png.

É esse o endereço que você deve utilizar onde quiser que a imagem seja exibida (slideshow, banner etc.).

Conclusão

Este é um procedimento bem simples, mas bastante útil.

A grande vantagem dele em relação a outros métodos de hospedagem é que ele não necessita de nenhum serviço adicional.

Por isso, é quase inexistente a chance de suas imagens não serem exibidas porque outro serviço está fora do ar.

A desvantagem é o endereço gigante que a imagem recebe – e, infelizmente, não dá para mudar isso. Se você precisa de um endereço mais curto (para seu banner de divulgação, por exemplo), consulte os demais artigos que citei na Introdução.

E você, já sabia que era possível hospedar imagens no Blogger dessa forma? Deixe sua opinião em um comentário.

Como hospedar imagens no Blogger
5 (100%) 5 votes


De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Sobre o autor | Website

Especialista em Marketing Digital, presta Consultoria e auxilia diversos clientes. Amante por blogs, é responsável pela administração dos blogs Afiliados na web, Gerenciando Blog e Mundo Blogger.

42 Comentários

  1. Sidinei Lander da Silva Pereira disse:

    Saudações, Adelson!

    Tenho uma pequena sugestão.
    Fiz todo o processo que citastes porém com duas diferenças:
    1º) não criei um blog novo para hospedar as imagens. Fiz tudo em meu blog atual.
    2º) não publiquei a postagem, deixei-a em modo rascunho.

    De resto fiz como orientastes (visualizar, capturar o endereço, etc, etc…)
    E FUNCIONOU!!!!!
    Ti pergunto: esta versão poderia decorrer em algum tipo de erro?

    Abraços!

    Sidinei

    • Adriano Luz disse:

      Olá, Sidinei!

      Sua solução foi uma ótima sacada! Isso não terá impacto negativo nenhum. O único cuidado que você deve ter é evitar publicar sem querer essa postagem que está como Rascunho.

      Um abraço e obrigado por compartilhar sua solução!

    • Sidinei Lander da Silva Pereira disse:

      Valeu, Adelson!!!!

  2. Gisele Vasfi disse:

    Não é mais simples usar o site de armazenamento de imagens Picasa, que é do próprio Google?
    Afinal, todas as imagens arquivadas em qualquer blogspot irão parar lá no Picasa, de uma forma ou de outra.
    E arquivar direto em um álbum Picasa vai poupar trabalho de criar um blog só para isso e encurtar o link.
    Fazendo o upload direto do computador para o blog tem mais uma desvantagem. O Picasa abre automaticamente um novo álbum com o nome do blog e quando este blog atinge o número limite de fotos, que atualmente é de 1000, ao inserir uma nova imagem o administrador do blog vai receber a mensagem de que já atingiu seu limite de fotos e a nova foto não será carregada.
    Pela minha experiência com blogs de apoio, depois de alguns dias o Picasa abrirá um novo álbum com o nome do blog, mas neste espaço de tempo não vai dar para se colocar mais nada.
    Uso muitas fotos em meus blogs, por isso tenho varios álbuns no site Picasa, e depois de fazer o upload, copio o link e coloco nos códigos que uso em cada postagem.
    Desculpe-me pela intromissão, mas já que uso o blogspot, acho muito prático usar o Picasa.
    As fotos publicadas nos blogs blogspot só não vão parar no Picasa se forem adicionadas na base do ctrl c e ctrl v. Mas ai é plágio. né?
    Abraços, Gisa Vas Fi.
    Receitas de todos nós

    • Adriano Luz disse:

      Olá, Gisa!

      O Picasa é sim uma opção interessante para armazenar as imagens. Mas, acredito que a hospedagem em um blog do Blogger ainda seja mais intuitiva.

      E pode se intrometer à vontade! Eu gosto de ver novas soluções propostas pelo leitores. É bastante provável que alguns leitores considerem sua solução mais interessante e a utilizem em seus blogs.

      Um abraço e obrigado pela colaboração!

  3. Gisele Vasfi disse:

    Oi de novo. Mais duas dicas.
    Você disse que não dá para encurtar a url, mas dá sim. Depois que carregar a imagem, clique em html na página de edição do blog, para exibir este código enorme que você falou (ou pegue a url na foto publicada) e adicione neste código; img src="a url" / (coloque todo este código entre os sinais de maior e menor: < >). Pronto! Agora é só usar em qualquer lugar que utilize códigos html.
    Segunda dica: o final do código da imagem do teu exemplo é /s1600/imagem1.png.
    Esse /s1600 é o tamanho da imagem. Na postagem vai aparecer uma imagem menor, mas clicando em cima ela vai aparecer com 1600 px. Podemos alterar o tamanho da imagem simplesmente alterando este número.
    Uso imagens com vários tamanhos em meus blogs, mas gosto que a largura das maiores seja padrão, ocupando quase toda largura disponível para o post, por isso gosto de colocar /s700 no lugar de /s1600. Assim tenho o controle das minhas imagens.
    Um abraço, Gisa.
    Receitas de todos nós

    • Adriano Luz disse:

      Olá novamente, Gisa!

      Estas duas novas dicas eu não entendi. Quando me refiro a encurtar a URL trata-se de ter um endereço mais curto e compreensível para ela, como é possível em serviços como o Webs.com e o Google Sites. Assim, o código HTML de publicação da imagem é sempre necessário.

      Quanto ao tamanho, o que percebi aqui ao ler sua dica é também que o trecho s1600 é desnecessário para identificar a origem da imagem e pode ser removido. A dica para mudar a largura da imagem só alterando-o é bem interessante!

      Obrigado mais uma vez.

    • Gisele Vasfi disse:

      Oi, Adelson. É que quando carregamos a imagem do computador direto na postagem, o blogspot cria um código para aplicação do lightbox nativo. Nem sempre funciona porque alguns códigos extras que usamos para personalizar nossos blogs neutralizam o lightbox nativo. Em meu blog de artesanato por exemplo, eu uso um código para este efeito lightbox que não é o nativo.
      Bom, encurtando: se você reparar no código formado quando baixa a imagem direto do computador, a url da imagem aparece 2 vezes. É assim para que o efeito lightbox funcione.

      Mas quem quer apenas usar a imagem em qualquer área do blog (por exemplo: as imagens dos fundos dos meus blogs foram hospedadas no Picasa e eu só usei a url na raiz do blog) pode pegar a url da imagem e inserir no código abaixo:

      (vou tentar colocar o código, mas não é todo html que é aceito nos comentários, se o html não for o coloque o sinal de menor< , o código img src="url da imagem" / e feche com o sinal de maior > assim você tem um código mais curto para inserir em qualquer outro código, seja no template, seja em um gadget ):

      img src="url" /

      < img src="url" / >

      A imagem que você usou como exemplo:

      img src="http://3.bp.blogspot.com/-hlauzcvZqm0/U2_1mKHzWSI/AAAAAAABDvY/4T11w-Y3qDw/s1600/imagem1.png&quot; /, coloque todo este código entre os sinais <>

      Adicionei os asteriscos porque é como fazíamos em uma comunidade do orkut quando queríamos que o código aparecesse na íntegra, mas para isnerir no template, em gadgets, em slidshow, tem que retirar os asteriscos.

      Em geral, quando hospedamos imagens grandes no Picasa, o site mesmo reduz a imagem. Para usar como imagem do fundo do blog, precisei alterar o código /s502 para s/1600, que cobre toda a tela de um notebook.

      Espero ter conseguido me explicar agora.

      Aprendi tudo isso na marra. Por causa destes códigos enormes eu quase não consegui configurar o serviço de newsletter em meu blog de receitas. Cada vez que eu tentava o feedburner me avisava que minhas postagens estavam muito pesadas e que o serviço era impossível para mim. Até eu descobrir que a culpa era destes códigos monstruosos eu tive muito trabalho. Não encontrei tutorial nenhum que me orientasse. Até que o Tiozão dos BB me ensinou o código para imagens e eu tive que reescrever todas as 600 postagens do meu blog até que ficasse de uma forma que o feedburner aceitasse.

      Já imaginou o trabalho que foi????

      Abraços.

    • Gisele Vasfi disse:

      Este é o código gerado quando carregamos a imagem direto na postagem:

      < div class="separator" style="clear: both; text-align: center;" >
      < a href="http://1.bp.blogspot.com/-6HHTDIaJ1AQ/U3k8MPYmc9I/AAAAAAABIAo/fwzw_zaS2KY/s1600/mel%C3%A3o+de+S%C3%A3o+Caetano+1.png&quot; imageanchor="1" style="margin-left: 1em; margin-right: 1em;" >< img border="0" src="http://1.bp.blogspot.com/-6HHTDIaJ1AQ/U3k8MPYmc9I/AAAAAAABIAo/fwzw_zaS2KY/s1600/mel%C3%A3o+de+S%C3%A3o+Caetano+1.png&quot; height="444" width="640" / >< /a >< /div >

      Este é o código que uso em meus blogs, porque já me habituei:

      < div align="center" >
      < img src="http://1.bp.blogspot.com/-6HHTDIaJ1AQ/U3k8MPYmc9I/AAAAAAABIAo/fwzw_zaS2KY/s1600/mel%C3%A3o+de+S%C3%A3o+Caetano+1.png&quot; / >
      < /div >

      Mas poderia ser encurtado para este aqui:

      < img src="http://1.bp.blogspot.com/-6HHTDIaJ1AQ/U3k8MPYmc9I/AAAAAAABIAo/fwzw_zaS2KY/s1600/mel%C3%A3o+de+S%C3%A3o+Caetano+1.png&quot; style="float: center;" / >

      (style="float: center;" é a parte que designa o lugar onde queremos a imagem se é ao centro (center), à esquerda (right) ou à direita (left)).

      Ou para este, se quisermos dar um título à imagem:

      < img alt="Melão de São Caetano" src="http://1.bp.blogspot.com/-6HHTDIaJ1AQ/U3k8MPYmc9I/AAAAAAABIAo/fwzw_zaS2KY/s1600/mel%C3%A3o+de+S%C3%A3o+Caetano+1.png&quot; title="Melão de São Caetano" style="float: left;" / >

      Deixei 4 espaços entre depois e antes de cada sinal de < e > para que o comentário fosse publicado.
      Repare que a tag img src está presente no código original. Então trata-se apenas de saber o que podemos eliminar no código original, para deixá-lo mais funcional e curto.
      Abraços.

    • Adriano Luz disse:

      Olá, Gisele!

      Agora, entendi! Esse problema só ocorre quando se faz a publicação pelo Blogger. Como elaboro minhas postagens pelo Windows Live Writer, não tenho esse problema, pois ele já publica o código puro de exibição de imagens.

      Mas, obrigado por compartilhar a dica com os leitores!

      Um abraço!

    • Anônimo disse:

      Gisele,

      Essa dica funciona com arquivos do tipo gif? eles mostram animados?
      Marcos

    • Gisele Vasfi disse:

      Oi, Adelson. Realmente cada um de nós deve escolher o que for mais prático. Por conta dos meus problemas com diversos editores de texto (inclusive do próprio Google) e a impaciência de quem entende do riscado, mas não gosta de ensinar (o que não é o seu caso, rsrsrsrs), me dei melhor desta forma que expliquei. É apensas mais uma opção. Abraços, querido.

      Anônimo. Descobri os álbuns Picasa justamente em uma comiunidade do orkut que ensina a fazer gifs animadas. Então, respondendo à você: funciona sim.
      Depois que você fizer o upload da gif no álbum Picasa, clique na miniatura que vai aparecer para que a imagem abra em tamanho normal. Depois clique na imagem com o botão direito e selecione a opção "copiar endereço da imagem". Aí é só colocar no código < img src="endereço da imagem" / >. Se fizer o upload como o Adelson explicou, clique sobre a imagem e copie o endereço, colocando dentro do código. No meu blog de reflexões (que está parado) eu uso muito gifs animadas. Abraços.
      Aconchego e descanso!

    • JL MARTINS INFORMATICA disse:

      a Gisele falou tanto e eu nao vi nada mudado no endereço da imagem. olha que continua o mesmo einh!
      Adelson Smania disse:
      "A desvantagem é o endereço gigante que a imagem recebe – e, infelizmente, não dá para mudar isso."

      veja o que ela escreve, fez uma enrolada doida e continua o mesmo:

      Este é o código gerado quando carregamos a imagem direto na postagem:
      http://1.bp.blogspot.com/-6HHTDIaJ1AQ/U3k8MPYmc9I/AAAAAAABIAo/fwzw_zaS2KY/s1600/mel%C3%A3o+de+S%C3%A3o+Caetano+1.png

      Mas poderia ser encurtado para este aqui:
      http://1.bp.blogspot.com/-6HHTDIaJ1AQ/U3k8MPYmc9I/AAAAAAABIAo/fwzw_zaS2KY/s1600/mel%C3%A3o+de+S%C3%A3o+Caetano+1.png

      onde foi que o codigo encurtou?

      NAO DÁ PRA MUDAR O ENDEREÇO DA IMAGEM DEPOIS DE PUBLICADA, SE RETIRAR UM TRACINHO SEQUER, O NAVEGADOR NAO VAI ENCONTRAR A IMAGEM.

  4. Edigley Alexandre disse:

    Olá, Adelson!

    São ótimas alternativas caso uma conta do blog estiver sem espaço para imagens. Como tenho 12 blogs, sendo que destes um é privado e o outro é o blog atual que publico, problemas com hospedagem de imagens vai demorar muito (risos).

    Abraço!

    • Adriano Luz disse:

      Olá, Edigley!

      Uau! Você já tem tantos blogs assim? rs

      Quanto à dica, ela é útil não apenas para ganhar mais espaço, mas também para ter imagens que podem ser utilizadas em locais que não sejam as postagens, como fundos de template e slideshows, por exemplo.

      Um abraço!

  5. Regina Del Buono disse:

    Bom dia, Adelson!! Hoje, eu não pude deixar de vir até aqui, depois de receber seu artigo sobre como publicar imagens no blogger.
    Esta tem sido a minha grande dúvida em escolher um novo template, e por este motivo, eu ainda não teria conseguido fazer essa reformulação anual.
    Eu também faço isso com meus leitores, quando cabe um artigo inteiro sobre determinada pergunta, e pode apostar, o retorno e a satisfação são muito bons!
    É bárbaro conhecer e trabalhar com pessoas tão inteligente se comprometidas como vc, eu a.d.o.r.e.i!
    Super abraço, Adelson, sucesso sempre!!!

  6. Lady Sybylla disse:

    Eu tenho tanto um blog de testes, onde hospedo imagens por lá e também um post de rascunho no blog principal. Depois só pego os links e coloco nas postagens.

    Não acho o Picasa prático no sentido de abrir o Picasa, carregar lá dentro, pegar o link, levar para o blog… Hospedando direto no blog você tem acesso mais rápido às imagens. E como muitas vezes utilizo a mesma imagem em vários posts – como de resenhas, não hospedo várias vezes, apenas copio o código anterior e repito em cada post. Economizo tempo dessa forma.

    Abraço! 🙂

    • Adriano Luz disse:

      Olá, Sybylla!

      É ótima sua ideia de hospedar a imagem uma única vez e utilizá-la em diversas postagens!

      Quanto a utilizar o Blogger como hospedagem, eu também gosto muito da ideia. Seria perfeito se tivéssemos a possibilidade de fazer a hospedagem diretamente, controlando a URL onde ela seria publicada. Quem sabe um dia!

      Um abraço!

  7. Guilherme disse:

    Boa ideia! Eu postava em um domínio e linkava para o blog, assim é mais fácil.

  8. João Vítor Dias disse:

    Outras alternativas são usar serviços próprios para isso, sem muita dificuldade..
    Alguns são:
    • imgur – http://imgur.com
    • snaggy – http://snag.gy

    Mas para quem não tem pressa, ou até mesmo para ter um maior controle das imagens hospedadas, seu artigo auxilia muito bem, e é uma boa saída!

    Abraços,
    João Vítor Dias – CEO Studio Noctus

  9. Fabio Alves disse:

    Dica simples, porém eficiente. Grato

  10. Rodolfo Oliveira disse:

    Olá Adelson,

    Eu tenho duvida em relação ao URL de hospedagem do blogger pois quero usar o Word para fazer postagem para o Blogger, mais não consigo fazer carregar as imagem para o blog. Você pode me ajudar?

    • Adriano Luz disse:

      Olá, Rodolfo!

      Eu desaconselho o uso do Word para postar no Blogger. O principal motivo é que o código HTML gerado pelo Word é muito extenso, com inúmeras tags desnecessárias, o que colabora para tornar o blog lento. Além disso, ele normalmente causa problemas em diversos códigos utilizados em template.

      Se você não gosta do editor do Blogger, sugiro o uso do Windows Live Writer, uma ferramenta grátis fornecida pela própria Microsoft.

      Um abraço!

  11. roger disse:

    n entendi mais porque tenho que fazer outro blog pra hospedar somente imagens?
    pq no blog atual da pra upa imagens normal

    • Adriano Luz disse:

      Olá, Roger!

      Para as imagens que vão dentro das postagens, isso não é necessário.

      Mas, para utilizar em banner, slideshow, fundo de template etc., este processo é útil. Somente assim você consegue fazer a hospedagem sem precisar fazer a publicação delas em uma postagem.

      Um abraço!

  12. Jesielle Alves disse:

    Eu já sabia que dava para hospedar. Mas as imagens vão para os álbuns do Google Plus, o antigo Picasa. E Imagens grandes perdem muito a qualidade. Para imagens pequenas é uma boa opção.

  13. Bruno Bezerra disse:

    Adelson, parabéns pela matéria! Voltando ao assunto, você deve se lembrar que nas versões mais antigas da plataforma Blogger existia a possibilidade de hospedar imagens com o próprio link do blog acompanhado, a URL até que ficava curta. Agora com a nova fase da plataforma Blogger, os links das imagens ficaram gigantes, causando uma certa desvantagem.

    []'s

  14. Thayná Aparecida Oliveira de Brito disse:

    Excelente!!

  15. Priscilla Amoroso disse:

    Muito bom, ficou perfeito e mais confiável. Obrigada pela dica 😉

  16. ruam oliveira disse:

    Olá Adelson! Muito boas suas sugestões, assim como as dos comentários, venho acompanhando seu blog algum tempo e melhorei muito meus conhecimentos no Blogger. Parabéns!

  17. junior disse:

    Essa postagem caiu como uma luva!!!
    obrigado por compartilhar seus conhecimentos!!!

  18. Contato SoS disse:

    Valeu a dica! Me ajudou muito!

  19. Leonardo Belmonte disse:

    Olá Adelson!

    Tenho um blog há um tempo e vocês me ajudam muito a não ficar perdido nesse mundo extremamente confuso dos blogueiros.
    Hoje já tenho um domínio registrado e graça a vocês meu site tem uma média de 3000 acessos por semana.

    Muito obrigado pela ajuda!!! Abraços!

  20. Professor Zeluiz disse:

    Ultimamente venho tendo problema na edição da postagem de imagens no blog que administro http://www.regionalnoroestefluminense.pro.br/.
    Quando insiro a imagem ela aparece num formato ilegível. Sei que está lá, pois ao publicar ela aparece ainda que distorcida. A dificuldade é que não vendo a imagem, mas apenas o espaço que ela ocupa a edição é bastante trabalhosa. Temo que isso tenha a ver com a rede INSTITUCIONAL que utilizo. Será que podem criar na rede um protocolo para bloquear a visualização? Há um tempo atrás não era assim. Em casa eu consigo editar normalmente.

  21. Luziane Nunes disse:

    Nossa, muito obrigada, me ajudou muiiiiito.
    Tudo muito bem detalhado, parabéns.

  22. MANOEL TENÓRIO CAVALCANTI JUNIOR disse:

    ola amigo, espero que me ajude, eu exclui a foto de uma postagem que fiz em meu blog,mas quando compartilho ela aparece no link principal e eu nao quero que apareça, como faço, vc pode me ajudar?

  23. sonialustosa disse:

    De um tempo para cá, quando vou compartilhar a postagem do meu blog no facebook, na chamada aparece sempre uma mesma foto que eu não escolhi e que não tem nada haver com o assunto blog. A foto consta nos meus arquivos, mas nunca a escolhi para tal uso.Antes a foto que aparecia era uma das postagem que eu tinha publicado, agora não sei como agir para voltar a ser direito como antes.Sou bem leiga no gerenciamento do blog. Tudo que fiz desde a sua criação foi com ajuda da própria internet, como através de blog como esse.
    Se me fiz entender, peço que dentro do possível me ajudem.
    Atenciosamente
    Sonia Lustosa- BLOG CONVERSANDO COM TIA SONIA

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.
Quer aprender como R$173.571,73 como Afiliado em 4 meses?Quero Assistir o Vídeo!