[Blogger - Gadgets] - Abrir os links do gadget "Lista da links" em uma nova janela

Uma coisa que me chamou bastante a atenção na blogosfera recentemente foi a famosa "Link list" (lista de links). Ao visitar diversos blogs eu percebi que, em muitos deles, os autores utilizam o gadget Lista de links para divulgar blogs parceiros ou links diversos na sidebar (barra lateral). Porém, ao clicar nos links disponibilizados nesses blogs, os mesmo abriam na mesma janela/aba. No meu ponto de vista isso é algo que pode trazer um certo "prejuízo" para o autor, uma vez que o leitor sairá do blog e irá para o endereço do link.

Claro que isso não faz muita diferença e não traz muita preocupação para quem tem conteúdo de qualidade e leitores fiéis, mas mesmo assim eu fiquei pensando que seria melhor "forçar" os links a abrirem em uma nova janela/aba, pois como diz o ditado: "melhor prevenir do que remediar". Portanto, neste artigo eu mostrarei como fazer os links do gadget "Lista de links" abrirem em uma nova janela/aba.

Abrir os links do gadget "Lista de Links" em uma nova janela/aba


1. Primeiramente você deve adicionar um gadget de lista de links no seu blog (se você já tiver um, pule para o passo 3 deste artigo). Faça login no Blogger e acesse o painel de controle do seu blog. Depois vá no menu Layout > Adicionar um Gadget > Lista de links.


2. Adicione os links que você quer e clique no botão Salvar.

NOTA: Se você entrar no seu blog agora e clicar nos links que você adicionou no gadget, você verá que eles abrem na mesma janela/aba. Continue seguindo os passos para saber como fazê-los abrir em uma nova janela/aba.

3. Acesse novamente o painel de controle do seu blog, depois vá no menu Modelo, clique no botão Fazer backup / Restaurar e faça uma cópia de segurança do seu template clicando no botão Fazer download do modelo completo.

4. Clique no botão Editar HTML para visualizar o código fonte do seu template. Em seguida clique dentro do código do seu template e pressione Ctrl+F para abrir a caixa de Busca do editor.

5. Agora você precisará procurar o código que corresponde à lista de links que você acabou de adicionar. Para fazer isso basta digitar o título que você colocou no gadget quando o adicionou. Ao encontrar o código do gadget, ele será semelhante ao mostrado abaixo.

<b:widget id='LinkList1' locked='false' title='Minha lista de links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Agora iremos entender o código mostrado acima:
  • A parte destacada em azul é variável, então ela aparecerá diferente no seu código dependendo de quantos gadgets de lista de links você tiver no seu blog;
  • A parte destacada em vermelho é o título que você coloca quando adiciona o gadget em seu blog, e é o mesmo que você deve procurar no passo 5 desse artigo;
  • A parte destacada em rosa é o código que forçará o link a abrir em uma nova janela/aba, ou seja, é o código que você deve adicionar. Preste bastante atenção quando for adicionar esse código, para colocá-lo no lugar certo e para não alterar/apagar outras partes do código.

6. Depois de ter adicionado o código destacado em rosa, clique no botão Visualizar modelo e, se estiver tudo certo, clique no botão Salvar modelo. Se o código foi adicionado no lugar certo e de maneira correta, ao acessar seu blog e clicar nos links desse gadget, os mesmos deverão abrir em uma nova janela/aba.

Atualização — 05.08.2011 às 00h10
Alguns leitores entraram em contato comigo, e informaram que o código do passo 5 aparece diferente em seus blogs. Em resposta a esse tipo de dúvida, devo informar que esse artigo serve para fazer os links do gadget LISTA DE LINKS abrirem em uma nova janela/aba.

O código de outros gadgets é diferente do código desse gadget, então esse artigo é específico para a Lista de links. Vale lembrar também que você deve adicionar o código destacado em rosa em todas as listas de links que você quiser que abram em uma nova janela/aba, não basta adicionar apenas uma vez imaginando que à partir desse momento todas as listas de links abrirão em uma nova janela/aba.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foram postados 9 comentários neste artigo!

  1. Post perfeito, estava buscando isso e só encontrava a opção de abrir links em outras janelas para textos e imagens de postagens menos para a lista de links. Agradeço a dica e parabéns mesmo!!!

    ResponderExcluir
  2. Caramba!
    Essa foi demais...Obrigada...depois de 3 dias pesquisando eu te encontrei com esta superdica.
    valeu!!!

    ResponderExcluir
  3. Olá
    Muito obrigada, já procurei esta informação em diversos sites e esta foi a melhor.
    Informação completa e simples!
    Meu blog ficou show!!!

    ResponderExcluir
  4. obrigado ja estava a procura disso a algum tempo

    ResponderExcluir
  5. Muito boa dia!!! Obrigado!!!

    ResponderExcluir
  6. Cara procurei por 1 semana isso ate chegar no seu blogger e foi tão fácil que nem acredito o porq q demorei O.o kkkkkkkkk , agradeço sempre ( CLT + D ) sempre, valeu galera continue fazendo esse ótimo trabalho.

    ResponderExcluir