sábado, 20 de fevereiro de 2010

Abrir links em uma nova guia/janela

Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.

Fazer com que os links de seu blog abram em uma nova guia/janela, é importante, para assim, o leitor continuar visualizando a página em que estava e, ao mesmo tempo, visualizar a qual ele clicou. Vejam rapidamente como fazer com que estes links abram em uma nova guia/janela.


Veja como ficará os links do seu blog, clicando neste abaixo:


Agora que você já sabe como ficará o redirecionamento de seus links, vamos começar os procedimentos:

Para fazer com que esse efeito funcione apenas nos links que desejar...
Como sabem, para fazer com que um texto redirecione para um link, deve-se usar o seguinte código:

<a href="link"> Texto </a>
Para fazer com que este link redirecione o leitor em uma nova guia/janela, você deve adicionar o seguinte recurso na tag:

<a href="link" target="_blank"> Texto </a>
Veja que o link irá redirecionar para uma nova guia/página quando acessado.

Para fazer com que esse efeito funcione em todos os links de seu blog...
No painel de seu blog, vá em: Layout -> Editar HTML -> Pressione CTRL + F e procure pela seguinte tag:

<head>
Abaixo desta linha, cole o seguinte código:

<base target="_blank" />
Salve o seu template e confira se ocorreu o desejado.

Atenção: Antes de seguir o último procedimento, é recomendável fazer o backup de seu template.


Referência: Vagabundia

35 Comentários:

Nikolas Yazimoto disse...

valeu
salvo meu dia também
estava querendo saber fazer isso

muito obrigado :D

alersson disse...

parabens pela sua iniciativa de dar aulas de html e css faceis de entender!

Anônimo disse...

valeu mesmo irmão

Anônimo disse...

vlw, consegui agora

Anônimo disse...

Obrigado cara, parabéns!

MARIA ALVES disse...

MUITO OBRIGADA, COM SUA AJUDA MELHOREI O MEU BLOG

cintia mara disse...

Muitissimo abrigada!Salvou naum so meu dia,mais meu simples e iniciante blog!
Valeuuuuu

Graciliano Ramos disse...

Obrigado \o pensei que nunca ia conseguir vlw's mesmo ta de parabéns esse blog \o/ nota 10,0

Radamés da Gaita disse...

Valeu pelo post, sempre procurei por isso. Obrigado

JOSI disse...

Rapaz não me quebrou um galho não, foi uma Árvore inteira. Valeu mesmo hein!!!

Gilmar de Oliveira disse...

Obrigadão!!!!!!!!!! valeu mesmo....

Unknown disse...

vlw cara me ajudou muito

Ronildo disse...

COLQUEI DEU CERTO NOS LINKS MAS AS QUANDO CLICO EM PROXIMA ABRE UMA NOVA PAGINA DO BLOG OQUE ESTA ACONTECENDO ?

Ricardo Árabe disse...

muito bom... facilitou o meu trabalho!!!

Gisele disse...

Otimo tutorial simples e funciona!

Anônimo disse...

Muito obrigado!
Funcionou corretamente!!! :D
Só uma dúvida, tem como fazer abrir uma aba sem que o leitor seja forçado a vê-la logo que clicar no link?
Eu clico no link e automaticamente meu navegador já me faz ficar vendo a página carregando.

Eu queria que a aba abrisse sem que o leitor fosse a página em que clicou logo depois de clicar.
Compreende?
mande a resposta em meu e-mail por favor.
spsaulo_afc@hotmail.com

Vinicius Chargel disse...

Saula,

Nunca ouvi falar disso. Eu não conheço algum script que possa fazer isso. Você viu isso em algum site?

Sutto disse...

Muito útil a dica meu amigo, deu certinho.
Abraço e muito bom seu trabalho.

valeu

Anônimo disse...

VALEEEU :D

Andreza Menezes disse...

Esse foi o melhor tutorial que encontrei! parabéns!

Simone Rech disse...

Parabéns !!!! Amei o tutorial, bem fácil de entender e funcionou certinho !!!!
Passei a ser sua fã !
Sou consultora de moda, e tenho um blog há 4 meses....www.agitadamente.com , estou adorando !

Unknown disse...

Muito obrigada.
Que Deus te ajude muito
Deu certíssimo : http://www.lilacpersiancats.com/
Boa semana para você

Anônimo disse...

obrigada :D

Color Print disse...

Ai cara Valeu Brigadão

Sandro Dantas disse...

Valeu mesmo, manolo! De verdade.

Anônimo disse...

Valeu!!!

Postar um comentário

-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;

Se preferir, fale conosco pela página de CONTATO.

Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.

Perfil

Sou Vinicius Chargel, criador e administrador do Desenvolvimento Blogger. Estudante, Twitteiro e Blogueiro. Atua na internet desde 2006, mas começou a criar blogs apenas à 1,5 anos atrás. Nascido em 1997.

Contadores/Estatísticas

Creative Commons License

Contribua com este blog!


  ©Desenvolvimento Blogger - Todos os direitos reservados.

Template by Dicas Blogger | Topo