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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggW5gYTUtKsLnbWYTIHrYcBzMMLPsWM-7osRqY8xwgpwvzbyNNNjPAvsx2jjgyXbge11BeSVIFiEhMBTFjFmnT40Nt4JWU2kMWg6RjOX6dcxcI0fCpVCgk3lGxZB1gXkkU-8QZ53Iw9AY2/" /></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:
No Windows Live Writer, escreva um texto, passe o mouse sobre ele e escolha inserir hiperlink. Marque a caixa abrir link em nova janela e preencha os demais espaços.
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. $$$
