Fazer imagem link com novo editor de post do blogger

Mostrarei como transformar uma imagem em link com imagem no novo editor do blogger. Sem mexer com códigos.

É uma coisa muito simples, mas alguns não sabem como fazer isso, e também, essa imagem pode servir para ser usada na lateral do blog.

Caso você não saiba como mudar tamanho e posição da imagem do post, clique, e, se você usa o editor antigo, veja como criar imagem-link no post, clique

Nessa postagem vou ensinar como fazer a imagem funcionar como link, para isso vou partir do ponto em que a imagem já está na área de postagem do blogger.

Dicas para não errar na criação de link

O sistema para criar link do blogger é fácil, você não precisa usar códigos, mas muita gente erra ao inserir a Url, a melhor forma de evitar erro é copiar a Url da barra de endereços do navegador, mas, você deve acessar a página que você quer que o visitante veja ao clicar no link, estando na página(ou site) selecione completamente o endereço(Url) que aparece na barra de endereços do navegador e copie ela.

Para criar link, evite digitar o endereço, isso porque você pode errar um caracter e seu link será para uma página de erro e isso é ruim para seu blog, ao selecionar e copiar o Url da barra de endereços ela será copiada completamente e pronta para criar links, mesmo que em alguns navegadores(especialmente o Chrome) ela apareça incompleta ou pareça sem o http:// quando você copiar ele virá junto.

Para selecionar completamente a Url da barra de endereços, clique dentro da barra de endereços e pressione junto as duas teclas de atalho Ctrl A

Exemplos de Url certo e errado para criar link

Os endereços devem começar com http:// porém, alguns sites só funcionam com http://www.

Exemplo Certo:

http://blog.foitestado.com/
ou
http://www.blog.foitestado.com/

Exemplo Errado:

www.blog.foitestado.com/
http://http://blog.foitestado.com/
blog.foitestado.com/

Como mostrei acima os exemplos de Url, qualquer letra ou caracter faltando, trocada ou sobrando pode fazer com que ela não funcione, e, Url errada faz um link para página errada.

Porque imagem-link, e exemplos

Quando você posta uma imagem no blogger, ela já é um link para a imagem original(como as imagens abaixo), com os passos abaixo, você estará fazendo dela um link para uma página ou site.

Um exemplo desse tipo de imagem-link é a primeira imagem desse post, eu transformei ela num link para a página inicial do blog, o correto é fazer isso com uma imagem expresse algo, não foi o caso da imagem que deixei acima, um bom exemplo de imagem-link expressivas são aqueles botões para feed ou para seguir no twitter que você vê em muitos sites em que navega, ao ver elas o visitante geralmente sabe o que representam e o que acontece ao clicar nela, o bom é que com os passos abaixo você poderá postar uma imagem, grande ou pequena, e fazer ela funcionar como link.

Fazer imagem virar um link

1. Esteja na opção Escrever do editor
2. Clique sobre a imagem
3. Abaixo dela aparecerá uma barra de opções e
4. Na barra de opções que aparecer clique em Editar Link ou Alterar link
   

   Atenção, Nesse passo 4, se na barra de opções que surgir não tiver a opção Editar link ou Alterar link, você terá que, após clicar na imagem, clicar no botão Link que fica na barra de botões do editor, aí o link padrão para a imagem será desfeito, aí, novamente deve clicar na imagem e depois no botão Link da barra de opções, aí é só seguir os passos abaixo.

Clique para ver melhor

5. Abrirá um quadro, escolha a opção de Link para:
   • Endereço da Web que é o mais usado, sempre que criar um link para sites, blogs ou páginas em geral
   • Endereço de e-mail, se você quiser usar isso, o link abrirá um programa de para que o visitante envie um email com o seu email já na opção correta(Funciona se o visitante tiver um programa configurado para isso). Evite usar essa opção porque você estará sujeito a receber mais Spams
6. Para Link da web, coloque o Url no campo perto de onde diz 'Este link deve direcionar para que URL?', mas, se tiver algum caracter dentro do campo, antes apague todos, pode clicar no campo e usar as teclas Ctrl A para selecionar tudo e depois apagar.
7. Clique em Testar este link, abrirá a página em nova janela/aba e se estiver correto prociga sua edição
   
8. Clique no botão Ok

Clique para ver melhor


Atenção, não vai colocar endereço web no campo de e-mail ou o contrário. Campo é a 'caixa' para inserir algum tipo de texto.

Colocar a imagem link na lateral ou área de gadget

Você pode usar o mesmo procedimento acima, seria como simular a criação de uma postagem, você vai e cria seu post que não será publicado, depois de feito todos os passos acima, você pode clicar na opção Editar Html dessa área de criação de postagem, selecionar e copiar todo o código de dentro do editor, esse código é responsável pela função de imagem link, aí, com esse código copiado, você vai adicionar ele como um gadget do tipo HTML/JavaScript para que fique na lateral do BlogSpot, quer mais detalhes de como adicionar códigos na lateral do blogger, clique

• Colocar um logotipo no blog com Blogger
• Escolher programa para envio de Email no windows
• Gadget de inscrição de Feed por E-mail do blogger
• Mudar tamanho e lugar de imagem com Editor antigo
• Adicionar lista de blogs favoritos no BlogSpot
• Colocar imagem-link no blogspot com editor antigo do Blogger