Link em imagem

Na postagem anterior, um link foi adicionado a uma imagem. Assim, quem clica na imagem vai a determinado endereço. Fazer isso, útil também para criar botões, é simples. Existem dois métodos, o que utiliza as opções do Blogger e o que é a partir do código HTML.

No primeiro caso, deve-se selecionar a imagem (como se fosse um texto) e depois clicar -- no menu de formatações da postagem -- em "Link" (como no destaque acima). Na janela de opções que irá surgir, no campo da URL deve ser colocado o endereço (ou um e-mail). É possível também colocar um texto, no campo superior (mas isso não é obrigatório), que irá aparecer na postagem. Depois disso, basta dar OK e o link estará criado.

O método de uso do código HTML já foi explicado na apostila sobre essa linguagem de formatação, veja a aba aqui. Porém, vale repetir, pois é um conhecimento útil.

É necessário entrar na zona HTML e, localizando a imagem, colocar a codificação do <a href="endereco">imagem</a>. No exemplo abaixo, o endereço da imagem, com a marcação típica, está em azul e negrito. Repare na extensão (JPG), que é típica de imagem, e naturalmente o nome do arquivo da imagem aparecerá (no caso, é só um exemplo).

<a href="endereco_do_link"><img src="http://4.bp.blogspot.com/AAAAAVY/YjXJDvGtSJ4/s1600/link_imagem.jpg></a>

Tendo colocado depois do <a href= o endereço para onde aponta o link -- não esqueça de fechar essa marcação, como o </a> (ao fim da imagem) --, o link será criado.

Na próxima postagem, vou falar de alguns atributos que podem ser colocados na marcação da imagem, que são interessantes.