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.
Ai querida como sempre Maravilhosa!
O puff do meu blog enlouqueceu dinovuuu! Oh voduo!
Kkkkk!
Vou experimentar sua dica minha rainha!
Beijossss!
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! ^^
? 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.
Clau
Para imagens de banners e outras imagens do blogger
qual site de hospedagem vc utiliza ???
To com problemas no ImageShack =/
Valeu a dica. Preferi criar uma página, ao invés de postagem.
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.
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.
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.
centraldecolchoes.com.br
Tenta usar este código:
<img src="ENDEREÇO-DA-SUA-IMAGEM-AQUI"/>
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.
@AnneKira™:
Esta tb é uma boa forma, boa dica!;)
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.
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
ótima dica, vou começar só a hospedar minhas imagens no próprio blog agora em diante…
muito boa mesmo!!