Como abrir links em nova aba ou janela

Confira este tutorial onde você aprenderá como abrir os links do seu blog  em nova aba ou janela tanto no Blogger como Wordpress.



--->>> Como abrir todos os links do Blogger em nova aba ou janela


Para manter o seu visitante ainda por mais tempo no seu blog, é preciso dispor de recursos que melhorem a navegação e interação com os conteúdos. Uma opção interessante é permitir que os links inseridos em um post ou em uma página qualquer sejam abertos em uma nova aba do navegador.







Considerando que quem deve escolher como visualizar os conteúdos de links é o visitante, esta é uma opção para escolher com calma. Na maioria dos casos, é preferível que o conteúdo do link se abra em uma nova aba, para que o visitante tenha a opção de retornar onde estava, sem fechar qualquer página para isso. Você pode definir a abertura de links, seja no Blogger ou Wordpress, conforme a sua estratégia: Os links internos podem abrir na mesma aba e os externos em outra aba, ou vice-versa, ou ainda optar que todos abram em novas abas.

Se não tem certeza do que escolher, mantenha a abertura de links na mesma aba.
Você pode configurar manualmente ou de forma automática a abertura de links. Veja como é fácil:

Este é o código normal para um link de texto


<a href=”URL_destino”>NOME DO LINK</a>



Na parte de HTML do seu blog, busque este código e insira os comandos em destaque: 

<a href=”URL_destino” target=”_blank”> NOME DO LINK </a>

Acrescentando target=”_blank”, você coloca o comando daquele link abrir em nova aba ou janela, veja os códigos abaixo e seu exemplos.



<a href=”URL_destino” target=”_blank”> NOME DO LINK </a>


Exemplo: Texto abrir em nova aba. Nome do link



Imagem com link para abrir em nova aba.


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


<img title="imagem" alt="NOME" src="URL DA IMAGEM" /></a>



Exemplo:  Imagem abrir em nova aba.


Você pode utilizar esta ação sempre que for adicionar um novo link dentro do seu blog. Vale para imagens ou texto.

Se preferir não mexer em códigos, o Blogger e o Wordpress possuem a opção para fazer isso na edição dos posts.


 No Blogger,  quando estiver editando a postagem selecione a frase, palavra ou imagem e clique em link e configure conforme mostro na imagem abaixo. 






No Wordpress é a mesma coisa: Ainda na postagem, clique no quadrado de linkagem e abrirá uma janela. Marque a opção “Abrir link em uma nova janela/aba."confira na imagem.














Abrir todos os links em nova aba ou janela



Você pode optar ainda por automatizar a abertura de links em seu blog, tanto no Wordpress quanto no Blogger. É importante dizer que podem surgir problemas dependendo do Theme ou do Template. Esta opção é para quem tem conhecimento em códigos. Servirá para padronizar todos os links do seu blog. Ou seja todos os links irão abrir em nova aba ou janela.

No Wordpress.org, vá no menu “Aparência”, opte por “Editor” e abra o arquivo functions.php. Dentro deste arquivo, cole o seguinte trecho:

function autoblank($text) {
$return = str_replace('<a', '<a target="_blank"', $text);
return $return;
}
add_filter('the_content', 'autoblank');


Em seguida, basta salvar e verificar as alterações.

Já no Blogger para abrir todos os links dele em nova aba ou janela, vá  em  “Modelo” e clique no botão “Editar HTML”. Procure por <head>. Abaixo desta tag, cole o seguinte trecho: <base target='_blank'/>. Em seguida, basta salvar e verificar as alterações.

2 comentários