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.
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.
O código que eu usei foi:
Para abrir em nova aba você deve adicionar:
Adicionando este código ela fará com que a imagem abra em uma nova aba. O código ficará assim:
Terminado, ficará assim:
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.
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:
Obrigada amigo pelas dicas. Abraços!
ResponderExcluirNeusa Fiesta
Disponha Neusa! :)
ResponderExcluirMuito obrigada, me ajudou muito. Parabéns, pela sua generosidade!
ResponderExcluirEU 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
ResponderExcluirCaro amigo,
ResponderExcluiro código é o mesmo independente de onde ele esteja. Você deve estar fazendo alguma coisa errada.
Releia o post e tente novamente.
olá, esse post é exatamente o que estou procurando para incrementar o blog da empresa. por favor, poderia esclarecer umas dúvidas:
ResponderExcluir- 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.
Olá TechNet Treinamentos,
ResponderExcluirSim, 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.