ABRINDO DUAS PÁGINAS CLICANDO EM APENAS UM LINK

terça-feira, 15 de julho de 20140 comentários

Aprenda como abrir duas páginas clicando em apenas um link. Link Duplo.

Olá Pessoal, hoje ensinarei para vocês um script muito interessante, imagine abrir duas página diferentes clicando em apenas um link, isso é possível? Respondo com toda certeza que sim e é isso que ensinarei para vocês agora, vamos lá.
Primeiramente acesse o Painel do Blogger, vá em modelo e depois clique em Editar Html e procure pela tag </head>.
Alerta!  Antes de fazer qualquer modificação, faça um backup do seu modelo. 
Vá em modelo ► Fazer backup/Restaurar ► Fazer download do modelo completo.
Passo 1: Cole o código abaixo antes da tag citada acima.
<script language="JavaScript">
function linksduplosh(linkduplo1,linkduplo2) {
window.open(linkduplo1);
window.open(linkduplo2);
}
</script>
Clique em visualizar para ver se esta tudo ok e depois salve.
Passo 2: Agora copie o código abaixo e cole onde você quer que aparece o link para ser clicado, pode ser dentro do artigo, na barra lateral, enfim, onde desejar.
<a href="javascript:void(0)" onclick="linksduplosh('URL DO LINK 1','URL DO LINK 2')">
Mensagem que será o link</a>
Não esqueça de fazer as seguintes alterações.
  • Na parte do código que está negritado em vermelho, troque pela URL que abrirá primeiro.
  • Na parte do código que está negritado em verde, troque pela  URL que abrirá por segundo.
  • Na parte do código negritado em azul, troque pela mensagem desejada.
Também é possível adicionar o link duplo  em uma imagem, para isso faça o mesmo processo do Passo 1 e ao invés de usar o código do Passo 2, use o seguinte código.
<a href="javascript:void(0)" onclick="linksduplosh('URL DO LINK 1','URL DO LINK 2')">
<img src="URL DA IMAGEM"></a>
Para esse código também é necessário fazer as seguintes alterações.
  • Na parte do código que está negritado em vermelho, troque pela URL que abrirá primeiro.
  • Na parte do código que está negritado em verde, troque pela  URL que abrirá por segundo.
  • Na parte do código negritado em azul, troque pela URL imagem desejada.
Compartilhe :

Postar um comentário

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Ajudinha Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger