Como Abrir Links em Nova Janela no Blog

8 de outubro de 2015

Olá Pessoal,

A dica de hoje é bem rapidinha e simples!

Já mostrei alguns tutoriais aqui no CBB de como colocar os ícones das redes sociais ou o de  Como Colocar Slides no Blog. E nesses tutoriais alguns leitores tiveram a dúvida de como colocar o link e fazer com ele abra em outra janela ou aba do navegador.

Configurar o blog para abrir links em nova janela é uma pratica muito importante para manter o seu leitor mais tempo no site. Afinal, ele poderá acessar outras páginas sem precisar sair do seu post. Confira como fazer essa mudança:

Links outra janela

Mas antes de fazer essa mudança no código HMTL do seu blog, é necessário que você faça o backup do layout, pois se algo der errado você tem a o último modelo salvo.  Vou mostrar duas formas de fazer isso:

1ª opção: Manual – para cada link

Este formato será apenas para os links que você deseja que fique com esse efeito. Para conseguir que o link abra em outra janela, vamos utilizar o seguinte código: target=”_blank”

Vamos acrescento no código HMTL que quero que o link abra em outra aba, para ficar mais claro a ideia vou usar o exemplo do link do tutorial dos slides.

O seu código HTML está assim:

<a href=”LINK_DO_SLIDE “><img src=”URL_DA_IMAGEM” title=”LEGENDA DA IMAGEM“/></a>

Com a mudança para que o link abra em outra pagina ele ficará assim:

<a href=”LINK_DO_SLIDE” target=”_blank”><img src=”URL_DA_IMAGEM” title=”LEGENDA DA IMAGEM”/></a>

Depois de feito a alteração, salve. Clique no link que ele abrirá em outra janela.

2ª opção: automático – para todos os links do blog

Se a sua intenção é que qualquer link do blog seja aberto direto em outra aba ou janela, esse é o método que você irá utilizar. Lembrando que desta forma irá alterar toda a estrutura de links do seu blog.

Essa forma só é possível fazer para os blogs que  são hospedados no Blogger. Só faça esse formato se realmente tiver certeza do que está fazendo para não alterar de forma indevida a estrutura do seu blog.

Vá até o painel de edição do blogger, clique no menu “Modelo” e depois no botão “Editar HTML”. Isso abrirá o código fonte do seu blog.

Procure pela seguinte tag: <head> e logo abaixo dela, cole o trecho:

<base target=’_blank’/>

Salve  a alteração e abra o seu blog. Clique em qualquer link que ele abrirá em outra janela.

Gostaram da dica? Deixe suas dúvidas nos comentários!

CBBlogers by Grazi Forti

E pra quem quiser conhecer um pouco mais sobre a Grazi, acessem o blog Falando de Feminices  para encontrar várias dicas e também não esqueça de segui-la aqui na nossa Comunidade!

Facebook / Twitter / Pinterest / Instagram

*Imagem via Shutterstock

Tags: , ,

8 thoughts on “Como Abrir Links em Nova Janela no Blog”

  1. Ótimo! Eu só uso assim! Acho bem chato quando clico em algum link de outros blogs e saio da página em que estou! Super útil a sua dica!
    Beijos!!

    Responder

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Leitores também acessaram:

Me segue lá no Instagram

This error message is only visible to WordPress admins

Error: API requests are being delayed for this account. New posts will not be retrieved.

Log in as an administrator and view the Instagram Feed settings page for more details.