Como abrir links em uma nova aba ou janela

Postado Por : Admin / As : janeiro 24, 2018
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.


Resultado de imagem para dica


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.

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.

<a href="link do site" 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.
<a href="link" target="_blank"><img
title="Consultoria Digital" alt="Consultoria"
src="link da imagem" /></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!




Marcadores:

Postagens Relacionadas