23 setembro, 2011

Como abrir links em nova aba ou janela


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 Dicas Blogger :
<a href="http://dicasblogger.blogspot.com/" target="_blank">Dicas Blogger</a>
Abrir imagem linkada em nova aba
<a href="URL DO LINK" target="_blank">
<img title="FRASE" alt="NOME" src="URL DA IMAGEM" /></a>
URL DO LINK substitua pelo endereço do link vinculado à imagem;
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/julianasardinha" target="_blank"><img
title="Me siga no Twitter" alt="Twitter"
src="http://lh3.ggpht.com/_EttevOw0KeE/Sc_54iERlbI/AAAAAAAAEr4/rtTNyyM4Weg/twitter.png" /></a>
Tudo isso pode ser feito facilmente pelo editor html NVU portable e pelo Windows Live Writer
No NVU, clique em LINK e preencha os campos em branco, conforme a imagem abaixo: 
NVU
No Windows Live Writer, escreva um texto, passe o mouse sobre ele e escolhainserir hiperlink. Marque a caixa abrir link em nova janela e preencha os demais espaços.
Live Writer
Recomendo o uso dos dois programas, para quem deseja dar um toque mais profissional ao blog. Além de trabalhar com uma linguagem mais avançada, a automatização dos processos nos poupa bastante tempo. Dizem que tempo é dinheiro. $$$