Como Inserir Um Link Numa Imagem Do Blogger

Cursos 24 Horas - Cursos 100% Online com Certificado

Taí um assunto que enlouqueceu a minha mãe por um tempo. Então, eu desvendei as manhas e ensinei o truque prá ela. Hehe!!! Agora vou postar aqui para quem precisar. É o seguinte:

Primeiro, insira o desenho na postagem, como exemplo abaixo:

Aí está a imagem. Quando você clicar nela, vai abrir o blog da minha mãe.

Depois que inserir a imagem, vá na aba "Editar HTML" e você vai encontrar o seguinte código:

</div>
&lt;div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-w-ERmk4kE0E/TO17VBkg7hI/AAAAAAAAAEM/TwGy3zeq8tA/s1600/2120883_4rNkz.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-w-ERmk4kE0E/TO17VBkg7hI/AAAAAAAAAEM/TwGy3zeq8tA/s320/2120883_4rNkz.gif" width="214" /></a></div>
<div class="separator" style="clear: both; text-align: center;"&gt;

A parte que eu coloquei em vermelho é o código da imagem. Ele vem repetido. O código repetido eu colori de verde. Entenda que não é necessariamente este o código de sua imagem. O que está colocado aqui é apenas um exemplo, claro. Portanto, o que você precisa fazer é encontrar as letras repetidas. Esse é o código da sua imagem.

Agora que você já "queimou" bastante tutano e achou as "letras repetidas", é hora de processar o toque de mestre. No lugar do primeiro código, que eu coloquei com letras vermelhas, você vai digitar ou colar a página do blog ou site que você quer abrir. No meu exemplo, vai ficar assim:

</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://aandreafelix.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-w-ERmk4kE0E/TO17VBkg7hI/AAAAAAAAAEM/TwGy3zeq8tA/s320/2120883_4rNkz.gif" width="214" /></a></div>
<div class="separator" style="clear: both; text-align: center;">

Pronto! Viu como é fácil? 

Valeu! Até a próxima.