PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

19/02/2011

Como configurar seu Blog para fazer com que todos links abram em uma nova janela

Cliqueaqui

atualizado em 27/11/2012

Especifique o padrão para abrir todos os links do seu blog

Dependendo do layout que você utiliza no seu Blog, por padrão, quase sempre ele está configurado para abrir todos os links inseridos na mesma página do navegador onde ele foi clicado.

Desta forma, o blogueiro quando coloca um link no seu post ou na barra lateral do blog, tem sempre que ficar atento para alterar a configuração do hiperlink para que se abra em uma nova janela, quando se deseja isto.

Veja o exemplo no editor Writer (Se você ainda não conhece o Writer, leia:  Porque o Windows Live Writer? 15 razões para você usá-lo!)

image

Para padronizar a forma com que se deseja abrir seus links inseridos, basta acrescentar as tags (comandos do HTML)

<base target=”_blank”/> Abrir em uma nova janela (ou guia do navegador)

<base target=”_self”/> Abrir na mesma página (padrão)

entre  <head> …. </head>

Help

Observações: Se a tag <base target=”………/> estiver ou for omitida da programação HTML ou XHTML, será adotado o valor padrão, ou seja, configurado para que todos links se abram na mesma página de onde se clicou.

Configurando o seu blog para abrir links em uma nova janela

A configuração é muito simples, veja abaixo:

A - Blogs ou sites com template em HTML (Wordpress e sites em geral)

1- Abra o editor HTML do seu template, encontre a tag <head> (use a tecla de atalho [Ctrl+F] para localizar).

2- Imediatamente após, insira a linha de comando <base target=”_blank”/>. Se na programação, já existir o comando <base target=”_self”/>, altere-o para a nova configuração <base target=”_blank”/>.

3- Salve a modificação realizada.

B-  Blog com template em XTML (Blogger)

1- Entre no painel do blogger em www.blogger.com. Faça o login com a sua conta do Google. Acesse o blog desejado e selecione [Modelo].

Clique no botão [Editar HTML].

bloggli1

2- Em Modelo, clique em [Proseguir].

Obs.: Recomendamos que faça o backup antes de prosseguir (leia Cuidados quando for editar seu modelo HTML no novo painel Blogger in Draft).

bloggli2

3- Utilizando o atalho [Ctrl+F] localize a tag <head>

bloggli4

4- Imediatamente após, inclua a linha <base target='_blank'/>

image

warning_48

ATENÇÃO: Em XHTML substitua “ (aspas) por ' (apóstrofe) nos comandos, ou seja, substitua <base target=”_blank”/> por <base target='_blank'/>

5- Clique em [Salvar Modelo]

bloggli3

Pronto, a partir daí, todos os links incluídos nos seus artigos ou em qualquer parte do seu blog abrirão em uma nova janela quando clicados, a não ser aqueles que foram configurados para abrir na mesma janela, com o atributo target=”_self”>.

Quando se quiser que algum link abra na mesma página, deverá então configurá-lo manualmente.

13 comentários:

animesaq disse...

Ei, eu coloquei no meu blog, mas agora eu quero tirar, só que não sai!! ajuda aê! Não dá para excluir e nen dá para modificar!

animesaq disse...

Responda blz?

Visual Dicas - Cursos e Treinamentos disse...

Olá animesaq,

Para eliminar o comando, entre no gerenciador HTML e exclua a tag base target='_blank'. (Use ctrl+F para localizar). Não esqueça de salvar o modelo modificado.

Se vc. estiver utilizando o draft.blogger com o novo template, desmarque a caixa de seleção [Tornar o Blogger em rascunho meu padrão] e entre no site blogger.com, assim você terá acesso ao editor de HTML,,,,

Se você estiver utilizando outro cms, me informe por favor.

espero ter ajudado,

Sugestão: faça cursos online de desenvolvedor web: www.iped.com.br/cursos/visualdicas

.:NanlocO:. disse...

é bem legal isso, mas quando eu fui ver melhor os post's apareciam tudo em uma nova aba... bem, não era assim que eu queria! Mas ainda bem que eu tinha baixado o modelo antes...
Mesmo assim,valew pelo post!!! ^^'

Kakau4ever disse...

O chato deste comando é que as páginas numeradas ficam abrindo em uma nova aba.Se tiver um jeito de configurar esta parte, passe aí porfavor.

Sutto disse...

Muito bom a explicação. Apliquei no meu blog e deu certinho. Faz tempo que procurava isso mas só encontrava coisas complicadas. Valeu mesmo.
Visite o blog www.ativegitapira.blogspot.com

Matheus disse...

Amigo, teria como usar o código de abrir todos os links do blog, só em determinados recursos do blog?
Tipo na postagem?
Digo, em todos os links que há nos posts, de forma que eles sempre abram em uma nova aba.
Seria util por causa dos itens externos.s

Angelo Luis Ferreira disse...

Olá Matheus,

Por padrão, os links são definidos para abrir na mesma página (dependendo do template utilizado). Neste caso você poderá configurar manualmente os links na postagem, direcionando-os para abrir em uma nova janela (tipo target="_blank").

Para fazer isto automaticamente é necessário criar um hack (uma rotina de códigos) um pouco complexa.

Como dica, sugiro que você faça um curso de HTML5 e crie um código para este fim, servindo como um exercício do programa...

Veja o nosso curso: Curso HTML5.

CMS Newton Bethlem disse...

O meu blog ele já abre em uma nova página, como eu faço para faze-lo abrir na mesma ?

Angelo Luis Ferreira disse...

Olá Newton Bethlem,

Para abrir um link na mesma página, utilize o atributo target="_self"

Visual Dicas

Julio Adari disse...

Faz um século que eu estava tentando aprender a fazer isso,vi explicações de outros blogs mas não conseguia entender.
Aqui foi diferente,as fotos ajudaram bastante,acertei na primeira.
Muito obrigado.

claudia disse...

Muito bom!! valeu!

Rosana disse...

Boa dica, funcionou!

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More