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 Blog Pink Lulu :
<a href="http://blogpinkdalulu.blogspot.com/" target="_blank">Blog Pink Lulu</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;Exemplo Blog Pink Lulu
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/#!/lucyalima" target="_blank"><img
title="Me siga no Twitter" alt="Twitter"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6toRIMZ09IY3JYxrNHHqsocIxkwcTcCbNL7idSMNwvnsWZmRCS2fHXYn91R-jOd-ibuLIE8KogSyOPTsw4UcCfKia71RcV8GcWN8WNUUfGYKgKTPUpyvhgCLU1UZ9D1cbxTUrCnsSypY/" /></a>
Créditos: Dicas Blogger
Adorei! visite você também
