Páginas

Tutorial: "Como fazer com que imagens e links abram em uma nova Guia?":

Para muitos donos de Blogs, fazer com que uma imagem abra em uma nova Guia, ao clicar em um link ou em uma imagem e muito importante, pois evita que os leitores siam do seu Blog. Fazer isso e muito simples, mas mesmo assim, muitos não sabem, por isso estarei postando aqui.

Para fazer com que suas imagens ou links abram em uma nova Guia, precisaremos usar o target="_blank".

Veja abaixo o tutorial:


Colocando o código em uma imagem.

Primeiro, vamos colocar o target="_blank" em uma imagem, isso e muito simples. Basta adicionar a imagem que gostaria e clicar em "Editar HTML":


Logo depois, ache a URL da imagem. Repare que haverá duas iguais, mas nós só usaremos a primeira:


E logo depois, de um espaço e escreva: target="_blank". Ficará assim:' ...Kid1.png" target="_blank" '. Eu coloquei as reticências, para não colocar toda a URL da imagem, somente o final, mas isso não importa, basta logo depois das aspas (") que fecham a URL, vocês darem espaço e acrescentarem target="_blank". Caso não tenham entendido muito bem, repare na imagem abaixo:


Se você quiser, pode também fazer com que um texto apareça quando a pessoa passar o Mouse sobre a imagem, como no exemplo abaixo:


Para isso, basta colocar depois do target="_blank" um espaço, e escrever title='Digite aqui o seu título'. Ficará assim: target="_blank" title='Digite aqui seu título' (lembrando que você deve digitar isso depois da aspa que fecha a primeira URL da imagem).


E está pronto, a sua imagem abrirá em uma nova Guia, quando clicada. E também o texto que você escolheu apareçerá quando um visitante passar o mouse sobre a imagem.

Colocando o código em um Link

Colocar o target="_blank" em um Link é mais fácil ainda. Primeiro, basta você selecionar a palavra que apareçerá o Link e clicar em "Link" nas opções de Postagem:


Depois selecione a URL, para que quando a pessoa clique na palavra escolhida seja direcionada para lá:


Selecione novamente "Editar HTML", e procure pelo o Link que foi digitado:

E logo após a aspa (") que fecha o Link, de espaço e digite o target="_blank".

Se quiser colocar um título, é o mesmo processo da imagem. De espaço após o target="_blank" e digite title='Seu título':


E é só pessoal, espero que todos tenham entendido, se ficou com alguma dúvia, explique-a pelos comentários, que eu tentarei ajudar.

__________________________________________________________________________

Veja mais Tutoriais clicando aqui



Assine o nosso feed e receba todas as novidades de Cosmopax por email.

1 comentários:

Administrador disse...

BOM

Postar um comentário

Por favor, leia as regras antes de comentar

1) Nunca fale mal de nenhum Pixtar, pessoa, blog, ou site aqui.
2) Nunca use nenhum tipo de palavrão.
3) Evite publicar quaisquer sites, blogs, e qualquer outro tipo de links nos comentários.

Seu comentário e sempre bem vindo, porém procure seguir as regras acima, ou ele será excluído.

Related Posts Plugin for WordPress, Blogger...