Conseguindo o endereço das imagens no novo Blogger

Para evitar problemas em seu blog de ter imagens retiradas dos sites de hospedagem, uma dica que dou é de hospedar as imagens de blog no próprio Blogger. Isso evita que, caso sites deixem de funcionar ou saiam do ar você tenha desagradáveis surpresas e fique com o blog feio, sem imagens, ou o pior,  imaguens de logos dos sites de hospedagem. Para isso, siga as instruções abaixo.

Ao entrar no editor de imagens, clique sobre o pequeno ícone

Ao clicar sobre ele uma janela será aberta. Clique então em "enviar arquivo"

Veja que uma janela foi aberta. Procure então pela imagem desejada. Ao encontra-la de um clique duplo sobre a imagem.

Aguarde enqunto o Blogger carrega a imagem. Assim que carregar e a imagem estiver selecionada, clique em "ok"

Veja que a imagem já esta no editor, clique então na aba "Editar HTML"

Agora, para pegar o endereço dessa imagem, clique e, HTML

Note que ao clicar em HTML, você verá alguns códigos assim:

O código será mais ou menos como esse exemplo abaixo. Copie e cole onde quiser, mas perceba que, caso você precise apenas e somente do endereço da imagem, o que vale é o código em negrito.

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMGm7LWOnzP5FMRqRp7CaIkkOfI_e-mLJujTKoP7GLT5vicQmjUNvjJ3rPSehZL7hj7vfZJkyo7bSpzxdRQOBgwnQebhEIpjvzcHIVWbPluorCJgj-vHGOFa10x5UTW9ZuHdhv1XJWLb8/s1600/Image1jlk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMGm7LWOnzP5FMRqRp7CaIkkOfI_e-mLJujTKoP7GLT5vicQmjUNvjJ3rPSehZL7hj7vfZJkyo7bSpzxdRQOBgwnQebhEIpjvzcHIVWbPluorCJgj-vHGOFa10x5UTW9ZuHdhv1XJWLb8/s320/Image1jlk.png" /></a></div>

Este código deverá ser copiado e colado onde você precisar. Como imagem de fundo do blog, como uma imagem para enfeitatr o blog etc.

Se você quer simplesmente colocar uma imagem em um widget, copie o código abaixo e faça a modificação necessária.

<img src="AQUI O ENDEREÇO DA IMAGEM"/>

Se quer controlar o tamanho de sua imagem o código devera ser esse abaixo. depois é so aumentar ou diminuir os números que estão coloridos para aumentar ou diminuir a imagem.

<img src="AQUI O ENDEREÇO DA IMAGEM" height="60px" width="60px" />

Cor vermelha comprimento

Cor verde largura