Como inserir um link na imagem


Uma coisa muito simples, porém muito usada. Já foi falado aqui que as imagens são o que atrai os internautas e principalmente se elas tiverem links para outros sites.
Hoje vamos aprender a como inserir um link em uma imagem e abrir na mesma página e como inserir um link em uma imagem e fazer com que ela abra em outra aba.
O processo é muito simples.

<a href="http://WWW.ENDERECO-DO-SITE.com"><img src="ENDERECO-DA-IMAGEM"/></a>

Onde está escrito ENDERECO DO SITE, você deve colocar o endereço no qual você quer que a imagem seja redirecionada e, em endereço da imagem, você colocar a URL de onde ela está hospedada.
Vou da um exemplo.

Flash

O código que eu usei foi:

<a href="http://redeseblogger.blogspot.com/2010/04/como-inserir-um-banner-swf-no-blogger.html"><img src="http://i40.tinypic.com/2urtemo.png"/ ></a>

Para abrir em nova aba você deve adicionar:

target="_blank"

Adicionando este código ela fará com que a imagem abra em uma nova aba. O código ficará assim:

<a href="http://redeseblogger.blogspot.com/2010/04/como-inserir-um-banner-swf-no-blogger.html" TARGET="_BLANK"><img src="http://i40.tinypic.com/2urtemo.png"/ ></a>

Terminado, ficará assim:

Flash[2]

7 comentários:

  1. Obrigada amigo pelas dicas. Abraços!
    Neusa Fiesta

    ResponderExcluir
  2. Muito obrigada, me ajudou muito. Parabéns, pela sua generosidade!

    ResponderExcluir
  3. EU QUERIA SABER COMO COLOCAR LINK NA IMAGEM DE POSTAGEM ESSE AI SO FNCIONA NA LATERAL DO BLOG QUERO SABER COMO COLOCAR UM LINK PARA DOWNLOAD NA IMAGEM DA POSTAGEM OU SEJA NO E NAO NA LATERAL DO BLOG SE VC ENTENDEU + OU - QUE EU KIS DIZER POR FAVOR AJUDA AE PRECISO MTO DISSO VLW

    ResponderExcluir
  4. Caro amigo,

    o código é o mesmo independente de onde ele esteja. Você deve estar fazendo alguma coisa errada.
    Releia o post e tente novamente.

    ResponderExcluir
  5. olá, esse post é exatamente o que estou procurando para incrementar o blog da empresa. por favor, poderia esclarecer umas dúvidas:

    - a imagem utilizada tem que estar hospedada em um site ou pode estar no meu micro? caso possa estar no micro, como fica o código?

    - para adicionar outra imagem com link abaixo da anterior, basta copiar o código e alterar os dados?

    agradeço a ajuda.

    abraços. Paulo.

    ResponderExcluir
  6. Olá TechNet Treinamentos,

    Sim, a imagem deve estar hospedada em um servidor. Veja vários sites que hospedam imagens de graça neste post.

    Sim, basta que você altere o endereço da imagem. O código não é alterado nunca.

    ADM - Will.

    ResponderExcluir

Visualizações dinâmicas

Arquivo do blog

Estamos aqui também

Copyright© 2010 - 2013 - Redes e Blogger - Todos os direitos reservados.

Redes e Blogger é orgulhosamente desenvolvido com Blogger


Termos de uso | Política de Privacidade | Mapa do blog

Template by Dicas Blogger | Modified by Wilamis Rogério