domingo, 16 de novembro de 2008

Faça os links abrirem em uma nova aba

Na postagem Editando Links mostramos como montar um link em texto básico e também como fazer os links abrirem em uma nova janela. Ora, na lista de links da barra lateral não é possível fazer os links abrirem em uma nova janela, ao contrário da lista de Blogs (ou BlogRoll) onde isso acontece automaticamente. Anteontem, porém, achei no blog http://htmhelen.helenfernanda.com/ a dica de como fazer isso mexendo no HTML do blog. Vamos lá? É muito fácil!

1. Vá em Layout -- Editar HTML.

2. Clique em Baixar modelo completo. Assim, caso você faça algo errado no modelo de seu blog não há perigo de perder a forma anterior.

3.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 (use as teclas CTRL + F) 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'> <a expr:href='data:link.target'><data:link.name/></a></li>

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

4. Antes da modificação:
 <a expr:href='data:link.target'><data:link.name/></a>

5. Depois da modificação: <a expr:href='data:link.target' target='_blank'><data:link.name/></a>

6. Salve as alterações do modelo e acesse o seu blog. Pronto, está feito! Diga se não foi fácil, hein?

Baseado na postagem original Faça os Links Abrirem em Uma Nova Aba por Helen Fernanda.

3 comentários:

Anônimo disse...

Muito bom!Sempre quis saber como fazer isso...
Como os meus links nao abriam em uma nova aba eu os coloquei em uma widget de html/javascipt.
Ahh o template ficou otimo.
Abraços

R. disse...

Perfeito, procurei como fazer, cai aqui e em 2 segundos funcionou lindamente.. Obrigado.. valeu mesmo. roberto

carlos disse...

http://2url.org?cardamiguinhos.jpg

Faça o seu comentário!

Obrigado por deixar seu comentário! Para outros assuntos veja também: