12. Como criar links ? Como fazer para os links abrirem em uma nova janela ?

a. Criar um link:

Para criar um link você tem de usar o seguinte código:

<a href=”Endereço“>Texto</a>

Para criar seus links basta substituir o Endereço pelo endereço da página que se deseja linkar e Texto pelo texto que vai aparecer no seu blog. Por exemplo, para criar um link para o InterNey.Net você digita o seguinte:

<a href=”http://www.interney.net/”>InterNey.Net</a>

Exemplo: InterNey.Net

Para mostrar um texto explicativo sobre o link (quando o mouse para por uns instantes sobre o link), utilize a opção title:

<a href=”http://www.interney.net/” title=”Informação & Inutilidade”>InterNey.Net</a>

Exemplo: InterNey.Net

b. Abrir um link em uma nova janela:

Acrescente target=”_blank” na tag do link. Se vocês colocarem qualquer outro nome (exceto _self que abre na janela corrente) ele de fato irá abrir outra janela, mas o próximo link também abrirá nessa janela.

Exemplo:

<a href=”http://www.interney.net/” target=”new”>New 1</a><br>
<a href=”http://www.concatenum.com/” target=”new”>New 2</a><br>
<a href=”http://www.interney.net/” target=”main”>Main 1</a><br>
<a href=”http://www.concatenum.com/” target=”main”>Main 2</a><br>
<a href=”http://www.interney.net/” target=”_blank”>_Blank 1</a><br>
<a href=”http://www.concatenum.com/” target=”_blank”>_Blank 2</a><br>

No código acima ao clicar em New 1 será aberto uma nova janela, ao clicar em New 2 o site será aberto na mesma janela de New 1.
No código acima ao clicar em Main 1 será aberto uma nova janela, ao clicar em Main 2 o site será aberto na mesma janela de Main 1.
No código acima ao clicar em _Blank 1 será aberto uma nova janela, ao clicar em _Blank 2 o site será aberto em mais uma nova janela, e não na mesma janela de _Blank 1 como nos casos de new e main.

Demonstração:

New 1
New 2
Main 1
Main 2
_Blank 1
_Blank 2

O atributo target força o link a se comportar sempre da mesma maneira, ou seja, abrindo sempre uma nova janela ou sempre na mesma janela. Você pode escrever a tag do link sem o atributo target e deixar o comportamento dele ser definido pelas opções abaixo (c e d).

c. Abrir todos os links em uma nova janela:

Em algum lugar no head (cabeçalho) do seu blog (dentro das tags <head> </head>) inclua a seguinte linha:

<base target=”_blank”>

Os links onde o atributo target foi definido não são afetados pelo comando acima.

d. Abrir todos os links em uma nova janela ou na mesma janela, conforme escolha do visitante:

Em algum lugar no head (cabeçalho) do seu blog (dentro das tags <head> </head>) inclua o seguinte código:

<script>
<!–
d=document
function targetLinks(n){
w = (n) ? ‘_blank’ : ‘_self’
for(i=0;i< =(d.links.length-1);i++){
s = d.links[i].href
if(s.indexOf(‘javascript:’) == -1 && s.indexOf(‘mailto:’) == -1 &&
s.indexOf(‘#’) == -1) d.links[i].target = w
}
}
//–>
</script>

E no corpo do seu blog (dentro do <body> </body>) coloque o seguinte código:

<input type=”checkbox” name=”targetnew” onclick=”targetLinks(this.checked)”>
clique aqui para abrir os links em uma nova janela
</form>

Irá aparecer uma ‘caixinha’ que, quando marcada faz com que os links abram em uma nova janela, quando desmarcada faz com que os links abram na janela corrente. Essa solução ignora o atributo target caso ele tenha sido utilizado.

e. Sistemas de comentários com javascript:

Se você utiliza algum sistema de comentários que abre uma janela (pop-up) utilizando javascript, o javascript precisa sempre ser executado na mesma janela, e colocar <base target=”_blank”> fará com que seus comentários não funcionem.
Para resolver esse problema acrescente no link do comentário a cláusula target=”_self”, ficará algo mais ou menos assim:

<a href=”javascript:open(…..)” target=”_self”>

Lembre-se de que isso é apenas um exemplo, o link do seu sistema de comentários provavelmente não é javascript:open(…), apenas mantenha o link e acrescente o target=”_self” para resolver o problema.

comente este post