Vocês pensaram que a série Primeiros Passos havia acabado? Que nada! A cada dia recebo mais e mais perguntas com o básico do básico. Então hoje vou ensinar, passo-a-passo, como colocar um link em uma imagem, para direcioná-la a uma outra página web.
- Escolha a imagem
- Hospede-a no site de sua preferência
- Copie o endereço da imagem
- Use o código abaixo
Observação: A frase que está destacado de vermelho você substitui pelo endereço que deseja que a pessoa seja direcionada e a de laraja você substitui pelo link da imagem que deve esta hospedada.
Exemplo:
Vou usar a imagem que coloquei para os Downloand:
Vou usar a imagem que coloquei para os Downloand:
Eu recomendo que você hospede no picasa, o meu eu coloquei no blogger mesmo no artigo "Qual a importância de coloca o link dos download "
Obtive o seguinte endereço:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv9d9acJ_TJmGBNiAWZPHdrmr-AHiNz6N0x4jJLrugHNpuYHGjb2-SkiBiKR_jgiNcWnbk0UknncBXGVeGFeKuAzW5Cr0RmmUx9pQfsBU_upfp9Hb5dH1bWC01UOPKQiEJpP4woGTbsUpN/s1600/Screenshot_3.png
Quero que esta imagem direcione o usuário para o site do Baixaki ( O maior sait de download ).O link ficara assim:
<a href="www.baixaki.com.br"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv9d9acJ_TJmGBNiAWZPHdrmr-AHiNz6N0x4jJLrugHNpuYHGjb2-SkiBiKR_jgiNcWnbk0UknncBXGVeGFeKuAzW5Cr0RmmUx9pQfsBU_upfp9Hb5dH1bWC01UOPKQiEJpP4woGTbsUpN/s1600/Screenshot_3.png" /></a>
Vejam o resultado,clicando na imagem abaixo:
Obtive o seguinte endereço:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv9d9acJ_TJmGBNiAWZPHdrmr-AHiNz6N0x4jJLrugHNpuYHGjb2-SkiBiKR_jgiNcWnbk0UknncBXGVeGFeKuAzW5Cr0RmmUx9pQfsBU_upfp9Hb5dH1bWC01UOPKQiEJpP4woGTbsUpN/s1600/Screenshot_3.png
Quero que esta imagem direcione o usuário para o site do Baixaki ( O maior sait de download ).O link ficara assim:
<a href="www.baixaki.com.br"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv9d9acJ_TJmGBNiAWZPHdrmr-AHiNz6N0x4jJLrugHNpuYHGjb2-SkiBiKR_jgiNcWnbk0UknncBXGVeGFeKuAzW5Cr0RmmUx9pQfsBU_upfp9Hb5dH1bWC01UOPKQiEJpP4woGTbsUpN/s1600/Screenshot_3.png" /></a>
Vejam o resultado,clicando na imagem abaixo:
Mostrar Conversão Esconder Conversão Mostrar Emoticon Esconder Emoticons