Busca

Carregando...

sexta-feira, 31 de outubro de 2008

Faça os links abrirem em uma nova aba

Nível: iniciante
Link de aço

Fazer os links do seu blog abrirem em uma nova aba ou janela é importante para aumentar a permanência do leitor no seu site. Quando o leitor é mais distraído (como a maioria dos internautas é!), se ele clicar e sair do seu site, é bem provável que se distraia com o conteúdo do site linkado e nem se lembre de voltar para o seu.

Nos posts:

Quando você coloca links no seu post, basta acrescentar target='_blank' na tag <a>:

Exemplo de link que vai abrir na mesma janela:

<a href='http://htmhelen.helenfernanda.com' title='Visite o blog HTMHelen'>HTMHelen</a>

Exemplo de link que vai abrir em uma nova janela:

<a href='http://htmhelen.helenfernanda.com' title='Visite o blog HTMHelen' target='_blank'>HTMHelen</a>

Nas listas de links do Blogger:

Nível: avançado

Quando você adiciona uma Lista de blogs, o Blogger já faz com que os links abram em nova aba ou janela. Porém, quando você cria uma Lista de links o Blogger, por padrão, abre na mema janela.

1. Para mudar isso, você tem que ir em Layout >> Editar HTML.

2. Marque Expandir modelos de widgets. Qual é o nome da sua lista de links? Meus links, Blogroll, Recomendo… não importa. A lista de links que estou usando como exemplo se chama Favoritos. Procure pelo nome da sua lista de links no código do seu blog expandido:

<b:widget id='LinkList1' locked='false' title='Favoritos' 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'><data:link.name/></a></li>

3. Identifique a tag <a>, como destacado acima e acrescente target='_blank'.

Antes:

<a expr:href='data:link.target'><data:link.name/></a>

Depois:

<a expr:href='data:link.target' target='_blank'><data:link.name/></a>

4. Salve e teste. Não adianta clicar em "visualizar" porque não dá para testar links nesse modo. Se você tiver mais de uma lista de links, é necessário realizar o mesmo processo em cada uma delas.

Posts relacionados