Como abrir links em nova aba ou página
Uma dúvida frequente entre os novatos, é como colocar um link em um texto ou em uma imagem e fazer com que ele abra em uma nova janela ou em uma nova aba do navegador.
Usar esta prática pode ser interessante para manter o leitor mais tempo em nossos blogs, pois ele irá visualizar este conteúdo em uma outra aba e depois poderá retornar ao blog.
No Firefox funcionará com as abas e no Internet Explorer, com as janelas. Pra quem não sabe, uma aba abre ao lado da página onde estamos e uma janela abre em cima.
Para obter tal efeito, iremos utilizar os seguintes códigos:
Abrir link de um texto em nova aba
<a href="URL DO LINK" target="_blank">TEXTO</a>
Substituir URL DO LINK pelo endereço a ser direcionado e TEXTO pela palavra ou frase que irá receber o link. Usaremos como exemplo o próprio Ajuda Mix :
<a href="http://ajudamix.co.cc/" target="_blank">Ajuda Mix</a>Abrir imagem linkada em nova aba
<a href="URL DO LINK" target="_blank">URL DO LINK substitua pelo endereço do link vinculado à imagem;
<img title="FRASE" alt="NOME" src="URL DA IMAGEM" /></a>
FRASE troque pela frase que irá aparecer quando alguém passar o mouse sobre a imagem;
NOME substitua pelo título da imagem;
URL DA IMAGEM substitua pelo endereço da imagem.
Usaremos como exemplo a imagem do passarinho do Twitter e o link do meu perfil lá:
<a href="http://twitter.com/clevertonmix" target="_blank"><img
title="Me siga no Twitter" alt="Twitter"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTZpTqEVJUmHFa7bT2uuU-UmUyURFnlpeoqw68pTwsAqSJUvB2J5RkkIv_YBi-dsd0FWm9XPsYW73snXx2CCuuwv38MZ1TN840Omi_sCxbNDIN1Zkzw_fvddzzAo5iF-v0Py9G_mzW89jP/" /></a>
|
