Como abrir links em uma 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 ou guia e depois poderá retornar ao blog.

No Firefox e no Chrome funcionará com o sistema de guias ou abas, abrindo ao lado da página onde estamos. Existem duas formas de fazer a configuração. A primeira é bem simples e é feita diretamente no editor do Blogger, já na segunda é necessário inserir o código no editor HTML da postagem.

Configurando pelo editor do Blogger

Na área de postagem selecione a palavra ou frase que deseja linkar e clique em link na barra de ferramentas do editor. Abrirá uma janela em que você irá inserir o endereço web que deseja exibir. Feito isso, assinale logo abaixo a opção abrir este link em uma nova janela.

Recomendação: Agência de Marketing Digital Webtrends - Especialista em Marketing, Criação de sites, SEO, Marketing de Conteúdo e mais. Clique aqui.

O mesmo procedimento é realizado para textos e imagens. Em relação às imagens, ela exibe inicialmente um link natural que a faz abrir junto com as demais imagens, mas basta selecioná-la e clicar em link que você poderá facilmente configurar essa funcionalidade.
Esse é o jeito mais fácil de fazer essa configuração.

Configurando por meio do código HTML da postagem

Mas se você deseja se aventurar entre os códigos HTML ou fazer alguma configuração a mais. Poderá optar por esse caminho, vejamos:

Abrir link de um texto em nova aba

Ao acessar a área de postagem do Blogger, clique no editor HTML da postagem e insira os códigos abaixo na região onde deseja exibir a imagem.

<a href="URL DO LINK" target="_blank">TEXTO</a>

Você precisa 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 Twitter do próprio Dicas Blogger Dicas Blogger :

<a href="http://dicasblogger.com.br/" 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 nosso serviço de Consultoria Digital

<a href="http://www.dicasblogger.com.br/p/consultoria.html" target="_blank"><img
title="Consultoria Digital" alt="Consultoria"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejeMaI1IfZXBYVWNUjBy8huPboIPsCplXPLOXKNPxeMjrMlIy3vS-F26ADSrdm47jJf0obaYWerBT9dFu5OunUZBBp4fOY6GVHrWKYURk2gyutBeSKYjI7b66GoKSxOvA_mMJRHKTyEyJ/s1600/Consultoria+Digital+Servi%25C3%25A7os+b.jpg" /></a>

Simples não é mesmo? Recomendo que você siga os passos da primeira etapa que são bem mais rápidos e aproveite para explorar esta funcionalidade, melhorando a usabilidade para o seu usuário e mantendo-o por mais tempo na sua página!

Atualizado por Priscila Fago em 20/07/2016.