Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Dicas Ferramentas Vanessa S.

Hospedar imagens utilizadas no layout no próprio Blogger

Uma das coisas que podem tornar o carregamento da página no seu blog um tanto lento, são as imagens, tanto as utilizadas no layout, como até mesmo as utilizadas na sidebar, postagens etc.
Mas este problema pode ser contornado, se você optar por hospedar as imagens no seu próprio blog.

Para hospedar as imagens utilizadas no layout é rápido e fácil. E você também pode utilizar esta opção para hospedar ícones de redes sociais, entre outros.

1) Entre na aba “Nova postagem” e crie uma nova postagem. Coloque todas as imagens neste post.

2) Faça upload de todas as imagens que você utiliza no layout do seu blog, dentro desta postagem. Em “tamanho da imagem, marque a opção “Grande“.
Em “layout da imagem“, marque “nenhum“.

3) Salve este post como “rascunho“.
4) Após salvá-lo, clique na aba “editar html” da postagem e em seguida clique em “visualizar“.
5) Clique com o botão direito do mouse em cima da imagem e escolha a opção “abrir em nova guia” (ou “abrir em nova aba”).
6) Na nova guia(ou aba) que se abriu, copie a url (endereço)da imagem (clicando novamente com o botão direito do mouse, escolhendo a opção “copiar endereço da imagem”).

7) Se estiver utilizando o novo editor de postagem, clique na aba “editar html” ao invés de “visualizar” e copie o url da imagem, conforme ilustração abaixo:

8) Pegue esta URL e cole no código correspondente, por exemplo:
background: transparent url(http://3.bp.blogspot.com/_UCfxgWHzU98/Staf2Qjd6EI/AAAAAAAABKw/4MH0TNYRvF0/s1600/tutoriais.jpg) repeat-x;

Preferencialmente, quando for publicar um post e nele tiver a necessidade de postar imagens, procure hospeda-las no seu próprio blog, evite ao máximo hospedá-las em sites externos.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

14 Comentários

  1. Taillard disse:

    Ai querida como sempre Maravilhosa!

    O puff do meu blog enlouqueceu dinovuuu! Oh voduo!

    Kkkkk!

    Vou experimentar sua dica minha rainha!

    Beijossss!

  2. Gotik disse:

    Ahh eu estava com um problema com o fundo do meu blog, não conseguia hospedar em sites externos sem reduzir o tamanho…
    ..com essa sua postagem eu consegui resolver isso!!
    Isso salvou o layout do meu blog! Valeu mesmo!!
    Ótima postagem! ^^

  3. .:: Clau ::. disse:

    ? Jão Bless ?
    Eu prefiro mil vezes pagar um host proprio da uolhost para hospedar todos os meus arquivos, justamente para não ter este tipo de problema. Mas se não há esta possibilidade para vc, usa o picasa, ou então dá uma lida no artigo que publiquei sobre: Lista de sites para hospedagem de arquivos.

  4. ? Jão Bless ? disse:

    Clau
    Para imagens de banners e outras imagens do blogger
    qual site de hospedagem vc utiliza ???
    To com problemas no ImageShack =/

  5. Luis Marcos Leite disse:

    Valeu a dica. Preferi criar uma página, ao invés de postagem.

  6. centraldecolchoes.com.br disse:

    Oi Clau!
    Para mim vai ser muito complicado fazer estas alterações.Publiquei as imagens utilizando o Picasa direto…e não colocando o endereço das imagens. E daí andei olhando os códigos e como não entendo quase nada ….acho que não vai dar para mim…hehehehe!
    Mas nas novas postagens vou cuidar deste detalhe.Acho que ficar muito melhor utilizando a tua dica.
    Valeu! Eduardo.

  7. .:: Clau ::. disse:

    centraldecolchoes.com.br
    Vc terá q editar todos os seus posts um a um, manualmente, e terá que substituir os trechos referentes aos códigos das imagens publicadas no post pelo código que te falei acima.

  8. centraldecolchoes.com.br disse:

    Oi Clau!Muito obrigado pela resposta.Funcionou para novas postagens mas não consegui utilizar em postagens já feitas.Tentei colocar o código dentro das postagens mas talvez eu não saiba exatamente onde incluir, pois ao tentar visualizar a nova situação da como havendo erro.Tem como mostrar onde colocar este código nesta situação?
    Abraço!Eduardo.

  9. .:: Clau ::. disse:

    centraldecolchoes.com.br
    Tenta usar este código:
    <img src="ENDEREÇO-DA-SUA-IMAGEM-AQUI"/>

  10. centraldecolchoes.com.br disse:

    Oi Clau!Quando publico imagens no meu blog utilizo o picasa que já vem incorporado ao blogger.Mas quando se clica sobre a imagem publicada abre uma nova página mostrando tal imagem em tamanho maior.Sabes se tem como evitar que isto ocorra?
    Abraço!Eduardo.

  11. ::Clau:: disse:

    @AnneKira™:
    Esta tb é uma boa forma, boa dica!;)

  12. AnneKira™ disse:

    Eu já faço de outra maneira: eu upo as imagens diretamento no Picasa, na pasta do conta do blog, e depois eu abro a imagem no site, clico com o direito do mouse em "Exibir Imagem" (isso no Mozila Firefox) e pego o link da imagem, substituindo pela a que vem originalmente no template.

    Funciona perfeitamente comigo, e o layout carrega bem mais rápido.

  13. Vargas Norman disse:

    Estou com um problema estranho! meu blog, que está em fase de testes não linka as images que utilizo nele a outra pagina como normalmente deveria fazer. Gostaria de saber se há algum código para tornar isso possível! Valew

  14. 1 Lênin 1 Blog! disse:

    ótima dica, vou começar só a hospedar minhas imagens no próprio blog agora em diante…
    muito boa mesmo!!

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.