CRIAR 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 UTILITÁRIOS HTML você digita o seguinte:

↓
<a href="http://utilitarioshtml.blogspot.com/" >UTILITÁRIOS HTML</a>
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://utilitarioshtml.blogspot.com/" title="Utilitários para blog">UTILITÁRIOS HTML</a>
Exemplo: UTILITÁRIOS HTML

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.
↓
<a href="http://utilitarioshtml.blogspot.com/ target="new">UTILITÁRIOS HTML→1<br>
<a href="http://utilitarioshtml.blogspot.com/ "target="new">UTILITÁRIOS HTML→ 2 <br>
<a href="http://utilitarioshtml.blogspot.com/ " target="main">UTILITÁRIOS HTML→ 3 <br>
<a href="http://utilitarioshtml.blogspot.com/ " target="main">UTILITÁRIOS HTML→4 <br>
<a href="http://utilitarioshtml.blogspot.com/ " target="_blank">_UTILITÁRIOS HTML→5 <br>
<a href="http://utilitarioshtml.blogspot.com/ " target="_blank">_UTILITÁRIOS HTML→6 <br>

No código acima ao clicar em UTILITÁRIOS HTML→ 1 será aberto uma nova janela, ao clicar em UTILITÁRIOS HTML→2 o site será aberto na mesma janela de UTILITÁRIOS HTML→1. No código acima ao clicar em UTILITÁRIOS HTML→ 3 será aberto uma nova janela, ao clicar em UTILITÁRIOS HTML→4 o site será aberto na mesma janela de UTILITÁRIOS HTML→ 3. No código acima ao clicar em _UTILITÁRIOS HTML→5 será aberto uma nova janela, ao clicar em _UTILITÁRIOS HTML→6 o site será aberto em mais uma nova janela, e não na mesma janela de _UTILITÁRIOS HTML→5 .

Demonstração:
___________________
UTILITÁRIOS HTML→ 1
___________________
UTILITÁRIOS HTML→ 2
___________________
UTILITÁRIOS HTML→ 3
___________________
UTILITÁRIOS HTML→ 4
___________________
_UTILITÁRIOS HTML→ 5
___________________
_UTILITÁRIOS HTML→ 6
___________________
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).
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.

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:

↓

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.

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.

Comentários

Postar um comentário

Postagens mais visitadas deste blog