Abrir link em outra janela

terça-feira, 25 de março de 2008

Umas das maiores dificuldades que eu tive quando iniciei meu blog foi aprender como criar links que abrissem em outra página. Todos os links que eu criava redirecionavam direto à outra página e o meu visitante abandonava o texto no meio da leitura. Procurei na internet; joguei na barra de buscas do Google e não encontrei um blog ou site sequer que me ensinasse. Encontrei alguns blogs que ensinam a colocar um código no html do template mas, comigo não deu certo! O meu código dava erro... Investiguei a fundo e um amigo meu é quem explicou. (Ele é dessas pessoas que nunca estudou informática mas é viciado e sabe de tudo!). São Roberto! E como acredito que esta deve ser a dúvida de muitos que estão iniciando e que ainda não sabem como fazer o referido link; resolvi criar um artigo somente para explicar.

Como faço para meu link abrir em outra página?

  • Primeiro: defina a palavra a ser linkada. Vou usar como exemplo o nome de meu blog: Super DicaSSS
  • Segundo: destaque a palavra e clique em inserir link
  • Terceiro: clique em editar html

Seu link aparecerá deste jeito:

<a href="http://www.superdicasss.blogspot.com">Super DicaSSS</a>


Agora você vai escrever depois da aspa que fecha o link e antes do nome a ser linkado o seguinte:

(espaço)target="_blank"

O link ficará assim:

<a href="http://www.superdicasss.blogspot.com" target="_blank">Super DicaSSS</a>

Atenção! Depois de .com" você dá um espaço para depois inserir o código!


Está pronto o seu link!
Clique e veja o exemplo concluído:
Super DicaSSS


Como faço para abrir minha imagem em outra janela?

Quando você for inserir uma imagem que pode ser de um desenho linkado ou até mesmo os banners dos seus blogs favoritos você deve copiar o endereço da imagem e clicar em inserir imagem na sua caixa de postagem. Cole o endereço na URL (se a figura estiver em seu computador é só clicar em arquivo e procurar). Defina como você quer sua imagem e clique em inserir e concluído.


Próximo passo: Clique em inserir link e digite o endereço para o qual você que que a imagem direcione o leitor.

Depois disso, clique em Editar Html
Sua imagem aparecerá semelhante à esta:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e){}" href="http://www.superdicasss.blogspot.com"><img style="margin:0px auto 10px; display: block; text-align: center; cursor:pointer;" src="http://bp1.blogger.com/_H_MtlSBxIEo/R-nDkRv1tel/AAAAAAAAAFw/C0hgwH42FcU/s200/logo.jpg" alt="Super DicaSSS" title="Super DicaSSS" id="BLOGGER_PHOTO_ID_1234567891234567891" border="0"/></a>

Procure em sua imagem este código: "><img

Agora dê um espaço depois da aspa e insira a codificação target="_blank"
Ficará assim: " target="_blank">... Veja no contexto como ficará:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e){}" href="http://www.superdicasss.blogspot.com" target="_blank"><img style="margin:0px auto 10px; display: block; text-align: center; cursor:pointer;" src="http://bp1.blogger.com/_H_MtlSBxIEo/R-nDkRv1tel/AAAAAAAAAFw/C0hgwH42FcU/s200/logo.jpg" alt="Super DicaSSS" title="Super DicaSSS" id="BLOGGER_PHOTO_ID_1234567891234567891" border="0"/></a>

Agora é só clicar em Escrever novamente e terminar o seu artigo. Pronto! A sua imagem abrirá em outra página, conservando a sua. Veja exemplo concluído:

Super DicaSSS


Obs: Se você quiser inserir esta imagem não em um artigo mais sim na coluna lateral do template; é só copiar este código gerado; ir em Layout, Adicionar elemento de página, escolher html ou Java e colar o código na janela. Pronto também! Você terá uma imagem que abre em outra página na coluna do seu template.



FeedGostou do artigo? Assine nosso Feed e saiba tudo o que acontece no Super DicaSSS!!!

81 comentários:

Mensagens Cristãs disse...

Grande Jaqueline!
Taí, mais uma super dica! Eu já tinha pensado nisso, mas procurar que é bom...rsrsrs. Beijosss!

Jaqueline Amorim disse...

Obrigada! Que bom que pude ajudar! :)

Neto disse...

Valeu Jaqueline, tava querendo lembrar desse código.

Jaqueline Amorim disse...

É um prazer poder ajudar Neto! :)

Trapa¹³ disse...

Muito obrigado...você foi uma mãe pra mim...rsrsrsrsr...tinha o mesmo problema que você com meu blog, agora com essa dica ele ficou mais legal ainda...valeu muito mesmo...beijo...

Jaqueline Amorim disse...

Que bom que pude te ajudar Trapa! :)

Fernando Sola disse...

"MAGAVILHA"!Ajudou muito. Legal que assim a pessoa além de não perder o que está lendo a música também não para. Valeu!

Jaqueline Amorim disse...

Fico feliz que tenha gostado da dica Fernando! Obrigada e volte sempre! :D

Wellington disse...

Valeu Jackeline, além de LINDA,vc é bastante generosa. Postando tutoriais como esse! Parabéns e Obrigado...Bjão!

Jaqueline Amorim disse...

Eu é quem te agradeço pela visita Wellington. Que bom que pude ajudar... Volte sempre! :D

SaToShI disse...

Olá Jackeline, vim parar na sua página pesquisando sobre esse assunto, é chato mesmo quando postamos um link ou mesmo uma imagem e o visitante meio q perde o contato com a gente...
Mas, além da sua dica, eu me lembro que uma vez achei uma dica em que adicionei um código no "editar html" no blogger em q automaticamente todos os links e/ou imagens abriam em outra janela e funcionou, como deletei o meu antigo blog não encontro mais esse código.
Vc conhece esse código?
SaToShI

Jaqueline Amorim disse...

Oi Satoshi! Lembro que também já li algo a respeito, vou dar uma pesquisada e se eu achar o link do site eu te repasso ok? Obrigada pela visita! :)

Mr. Lynch disse...

Jaqueline;
Muito obrigado por esta dica. Há muito tempo que a procurava.
Obrigado.
:)

Jaqueline Amorim disse...

Fico feliz de ter podido ajudar Mr. Lynch. Obrigada por sua visita e volte sempre!

Live BR disse...

Isso sim é dica, valeu e parabéns.

Jaqueline Amorim disse...

Live, fico feliz de ter ajudado. Obrigada por sua visita! Beijos!

ricardo disse...

muito brigada tava loco atraz disso agora voce faz parte da construçao do meu blog uffa
http://tutorialmsnhacher.blogspot.com
depois passa la :)

Jaqueline Amorim disse...

Oi Ricardo, fico feliz de ter ajudado :)

Obrigada pela visita!

ricardo disse...

que isso jaqueline obrigada vc por me ajudar hoje eu vim aki apreder como fazia com uma imagem e deu certo tambem muito obrigada de novo a vc
a nao querendo ser chato mais se quiser fazer parceria de blog
http://tutorialmsnhacher.blogspot.com/
to ai qualquer coisa.
seria bom so tenho 2 parceiro vc ficaria bem destacada la agardo respostas

Jaqueline Amorim disse...

Oi Ricardo, esteja sempre a vontade aqui no Super DicaSSS, eu não faço parcerias... :(
Deixo as pessoas a vontade para me linkarem ou não e quando visito uma página, carrego o link. Alguns até nem sabem rsrsrsrsrs.

Beijos e volte sempre! :)

Nino disse...

sobre a foto abrir com um link....mas ai o link fica a amostra ...? nao deu certo aqui

Jaqueline Amorim disse...

Oi Nino, se você acompanhar o passo-a-passo não dá errado não. Tente de novo! Beijos e obrigada pela visita! :D

ninao disse...

"Ainda estou me descobrindo..." ninguem merece ..masssssss....vamo ao que interesa...eu fiz tudo direito eu entendi o que vc quiz dizer ...mas vc fala pra colokar um link...mas aonde ...o link normal ...ou mudar o linq da imagem ...eu fiz isso mudei o link da imagem ...e coloquei o link de outro blog ..ai ela abriu la...mas se fazer com o link normal ...tem que colokar qual link ...é isso que eu quero saber...inventado é isso?

Jaqueline Amorim disse...

Oi Nino, se vc ñ gostou de minha definição de mim; leia esta: Sou mudança contínua... Descubro-me diariamente, sou uma surpresa para mim mesma!
Esta é minha definição de mim no diHITT. Não me defino, prefiro que descubram quem eu sou... (Se tiverem capacidade é claro)...massss... vamos ao que interessa. Se você quiser direcionar a imagem para outro site, mude o link e ponha outro (você disse que fez e deu certo) mas, se você quiser que a imagem abra em outra página mas sem ser direcionada para lugar algum que não seja a própria imagem, não insira link nenhum. Veja o código de sua imagem sem você inserir nenhum link. Ele possui o "img". É só inserir o target="_blank" antes dele e pronto! A imagem abre em outra página. Acho que agora respondi sua pergunta... Eu acho...

Nino disse...

oi jaque tudo bem ...sou eu de novo ..meu eu vo fala uma coisa eu não entedi o que vc quis dizer é serio eu nao to sendo ironico ou coisa tal...é serio mesmo eu nao entendi o que vc quis dizer ..eu nao sei se foi uma resposta ironica,uma resposta sem ironia ou ate mesmo se foi uma resposta....mas o que fico meio confuso foi isso ...vc ate pode concorda comigo ...vsó...vc diz la em cima que nao se define ...mas como isso pode se possiveu...se ao mesmo tempo vc dis que se descobre,que e´mudança,que e´surpresa...afinal isso não é se definir...!!?!?!fica ai a prgunta ...demais muito obrigado pela resposta do link...vc é gente boa poderia te ignorado minha pergunta mas respondeu ....olha foi so uma brincadeira viu ..não leva a mau..bejao

Jaqueline Amorim disse...

Oi Nino, eu só não acho que seja relevante eu encher o meu perfil de coisas sobre mim. Este blog não foi feito para isto, foi feito para eu dar para as pessoas as dicas que eu souber sobre tudo. Nunca deixo de responder uma pergunta. Quando não sei, digo que não sei... Quer saber de minha pessoa? Sem problemas... Segue um link:http://www.ofarofa.com/default.asp?page=noticias&idnoticia=210

E o Jaqueline by Jaqueline também informa sobre mim. Obrigada mais uma vez pela visita! :D

Nino disse...

oi jack sou eu ...tudo bem ...olha a coisa aqui ta meio feia ...to precisando da sua ajudinha ...bem sobre aquele link ...é que eu tava fazendo errado ..mas agora ta tudo maravilha..bem voltando a ajuda ...é que o google nao acha meu blog ..eu ja tenho feed,ja tenho analitycs do google,ja me cadastrei em varios sites ..mas ate agora nada ...meu template é diferente ...sera isso ?mas acho que nao porq eu fiz um blog ..so de experiencia com um outro template e o google acho ...que raiva ..e olha que eu so colokei 2 fotos ...buaaaaaaaa...me ajuda ai ..qualquer coisa serve ..ele ja tem muita coisa nele ...nao da pra volta atras ...e olha que um filho de deus assinou meu feed....rsrsrs...vai entender ..bejao

Jaqueline Amorim disse...

Olá Nino, cadastre sua URL (www.SEUBLOG.blogspot.com) no site de buscas da Google. Entre neste link para fazer o cadastro:

http://www.google.com/intl/pt-BR/add_url.html

Depois, espere um pouco. O prazo são 24h. Digite então, a URL de seu blog e veja se ela aparece ok? :) T+

john disse...

Olá,
passei aki só para agradecer pela dica.
Jair

Jaqueline Amorim disse...

Oi Jair, fiquei feliz em ajudar!!! Volte sempre!!!

Guilherme disse...

Otima dica !!!!

Jaqueline Amorim disse...

Oi Guilherme!!! Sinto-me feliz em ajudar, aproveite bem a dica!!! Bjs e volte sempre!!!

melo disse...

Obrigado pela dica!
há muito procurava uma tão eficaz hehehe

besos do melo

Jaqueline Amorim disse...

Oi Melo, fico feliz que tenha gostado!!! :D

edilene-amor disse...

Jak
estou fazend o linkme
depois te dou os resultados
bjs
edilene

Cadernota disse...

thank you!!!!!!

Jaqueline Amorim disse...

Cadernota, you're welcome!!! :D

Jaqueline Amorim disse...

Oi Edilene, fui lá conferir o seu link-me. Ficou ótimo!! :D

Guilherme disse...

queria te faze 2 pergunta OK jaqueline?

1° queria usa essa dica mais de otro mode
tipo
quero cria um link nu meo blog
q va pra uma otra pagina do meo blog exemplo
criei um link la escrito livros
e qnd cliko naum vai ta todo conteudo só o q eu posta la dentro o q seriam só livros. pode mi ajuda?

otra coisa como so iniciante
naum consigo colok uma janela pra comentario
quero uma tipo essa sua
como faço isso?
Muito obrigado
otimas dicas =D

Jaqueline Amorim disse...

Oi Gulherme, deixei as respostas no seu blog ok? Beijos!!

Yory disse...

valeu faz um tempo que estava procurando por isso, muito bm explicado, ja vou fazer isto nos links do meu blog imediatamente, tenho certesa que com isso as vistitas do meu blog vão ficar bm mais tempo por la.

SE der da uma olhadinha no meu blog e deixe um comentario do que achou.....
downloadsyory.blogspot.com

PS: seu blog esta demais..

Rodrigo - Cmte Master disse...

Jaqueline, eu não consegui pq coloquei dois links !!

Mais só abre um de cada vez, tenho q abrir um, fechar e dps abrir o outro...=/

Tudo de Bom disse...

Garota!!!!!!!
Você é incrível!!
O que eu ja apanhei com isso, o que já li em outros blogs e continuei apanhando...
Mas graças a você,as pessoas não vão mais sumir do meu blog a cada clik.
Um beijo no seu coração!
Espero aprender mais com você, pois sou crua crua !

Jaqueline Amorim disse...

OI Yory! Fico feliz em ter ajudado. Obrigada pelo carinho e volte sempre!!

Rodrigo, você usa o Firefox?? Experimente usá-lo. Estes links abrem em novas abas no Firefox. Um grande abraço e obrigada pela visita!!

Tudo de bom!! Obrigada pelo carinho, fico feliz em ajudar. Espero ter tempo de publicar mais coisas legais, volte sempre!!!

Desculpas a todos pela demora na publicação e resposta aos comentários!! :D

Cortissa disse...

Ótima dica, obrigado!

Só um aviso: na explicação, por engano você acescentou um "C" à palavra "blank".

Jaqueline Amorim disse...

Olá Cortissa, obrigada pelo toque. Eu já havia reparado mas não troquei pois, esse "C" a mais não prejudica o resultado final. Independente de o Blank estar escrito com o "C" ou sem ele, as páginas abrem em outra aba. Como eu já estava precisando mesmo dar uma atualizada neste artigo e trocar as imagens, que estavam embassadas, resolvi tirar o "C" pois o correto é mesmo sem ele. Obrigada por sua visita e volte sempre!! :)

Apoio Social Brasil disse...

maravilhosoooooooooooooo, vc me salvou! nossa como estou feliz!! muito obrigadaaaaaaaaaaaaaaa!!!
uhuuuuuuuuuuuuuuuuuuu!!!

Jaqueline Amorim disse...

Apoio Social Brasil - fico feliz em ter ajudado!! Obrigada por sua visita! :)

Flávia Pantoja Strafacci disse...

Oi Jaqueline! Precisava deixar registrada a minha satisfação de encontrar suas dicas!!! Entrei em muitos lugares mas, como você disse, da forma como explicavam não estava dando certo. Precisava muito aprender a fazer isso. Ganhei meu dia!

zk disse...

velho, muito obrigado!

Marize Camara disse...

Jaqueline obrigada pela dica..tava aqui perdida..e foi só ler aqui, pronto, aprendi tudinho..obrigadaaa...
Agora vou seguir você pra aprender mais...aqui e no twitter tambem.
Bjsss

Jaqueline Amorim disse...

Olá Flávia, não imagina como fico feliz em ajudar. Fico feliz em ter contribuido com a melhora de seu dia!!! Obrigada por sua visita e por sua mensagem tão carinhosa, volte sempre! :)

Jaqueline Amorim disse...

Oi zk! Não há de que. :)

Jaqueline Amorim disse...

Oi Marize, fico feliz em ter podido te ajudar. Muito obrigada pelo seu carinho!!! :D

Anônimo disse...

Oii gostei muito...
Tava precisando fazer um trabalho e não sabia como...
você me ajudou bastante
Obrigada de novo
By:Anny

Jaqueline Amorim disse...

Olá Anny! Obrigada por sua visita! Fico feliz em ajudar. :)

Lhkuch disse...

Oi Jaqueline, sua dica foi de grande auxílio. Estou começando um blog e estava com essa dificuldade, até que achei seu tutorial.
Vlw pela ajuda :)

By: Lhekuch

Jaqueline Amorim disse...

Lhekuch
Seja bem vindo(a) a blogosfera! Fico feliz em ter ajudado! Volte sempre, bjs!

Chatt24horas disse...

Oi Jaqueline, valeu pela dica. John

www.chatt24horas.blogspot.com

Jaqueline Amorim disse...

Olá John! Fico feliz em ajudar, volte sempre!!

chaotic disse...

Valw muinto obrigadoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
Vc é de mais Jaquelinee

Jaqueline Amorim disse...

De nada Chaotic, fico feliz em ajudar!!

Geovani Delavechia disse...

Estava com o problema de todos acima, testei sua sugestão e não funcionou corretamente, aí comecei a fazer uns testes, até que deu certo. Pois para o caso de outra página o código "target= _blank" deve ser colocado no final do link.
Mas sua dica foi de grande ajuda. Valeu.

Jaqueline Amorim disse...

Olá Geovani, comigo funciona perfeitamente mas fico feliz que tenha encontrado a solução para seu caso. Obrigada por sua visita e volte sempre!! :D

Lidia de Oliveira disse...

Muito obrigada Jaqueline!!!
Eu sou iniciante mas sou muito curiosa e estou aprendendo muitas coisas.
Depois de muito procurar na internet este post foi o único que foi muito claro e tudo bem explicadinho.
Adorei e vou usar no meu blog.
Valeu!!!

Jaqueline Amorim disse...

Oi Lídia, seja bem vinda a Blogosfera! Fico feliz em ter ajudado. Volte sempre que quiser. Bjs!

ROOTSTYLE disse...

VALEU CARA MUITO OBRIGADO VC E FODA
PAZ BEM E POSITIVIDADE

Jaqueline Amorim disse...

Rootstyle, fico feliz por ter te ajudado mas eu sou uma lady ;)
Volte sempre!!! :D

Antonio Cezar disse...

Suas Dicas Forma muito importantes: em outro blog encontre esta mesma dica mas não dava certo, então fiz uma nova pesquisa e encontrei o seu blog, só então percebi que o código informado pelo outro blog estava errado. Muito obrigado e Parabéns pelo seu blog muito interresante.

Só mais uma coisinha você é muito linda.

Esporte Clube Cinquentenário - Lins/SP disse...

Oi Jaque, nossa tenho certeza que vc pode me ajudar. Tenho imagens no meu blog para linkar (abrir em uma outra janela), mas não estou conseguindo, será que vc pode me ajudar?

Confira neste endereço: http://eccinquentenario.blogspot.com/
A imagem está do lado direito inferior como "modelo". Se for possível vc pode mandar a resposta tbém no meu e-mail?
futeruavilinha@gmail.com

Muito Obrigadooo.
Vinícius
Esporte Clube Cinquentenário - Lins/SP

Jaqueline Amorim disse...

Obrigada pelo carinho Antonio, fico feliz em ter ajudado. Volte sempre!!

Jaqueline Amorim disse...

Oi Vinícius, faça conforme explicado no artigo acima pois não tem erro. É só procurar o img de sua imagem e adicionar o "target_blank" antes dele. Um abraço e volte sempre!

Anônimo disse...

Como faço para fazer isso nos links do google adsense? essa é uma grande dúvida minha, se puder ajudar agradeço.

Nilson Junior disse...

Obrigado!

Tiago Bittencourt dos Santos disse...

Valeu pelas dicas!

Jaqueline Amorim disse...

Anônimo, mexer nos códigos fornecidos pelo Adsense pode não ser uma boa solução. Isso pode causar algum dano nos dados colhidos de monetização de seu site. Acredito que não exista uma forma, eu pelo menos não conheço. Desculpe.

Jaqueline Amorim disse...

Nilson e Tiago, eu é quem agradeço a visita de vocês!! Voltem sempre! :D

A Dona do Lar disse...

VALEU!!!!!!!!!!!

Gilvan dos Santos disse...

Senhorita Jaqueline, gostei muito do seu blog, foi muito últil para mim, obrigado!!! Não sabia o código de abrir link em outra página!!! obrigado

visite-me

http://pedagogiarn.blogspot.com

turismoemguarapari disse...

Obrigado pela ajuda e o seu blog é bem
dinamico e explicativo.
Parabèns e felicidades

Jaqueline Amorim disse...

A dona do lar, Gilvan dos Santos e turismo em Guarapari - fico feliz em ter ajudado :D
Voltem sempre!!

Postar um comentário

Oi obrigada por comentar! Assim que possível responderei você aqui no blog! Volte sempre! :)

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina
 

  ©Template 'Super DicaSSS' by Jaqueline Amorim - 2010

TOPO