25 dezembro 2009

Como inserir link em imagem

Uma coisa básica, mas que muitos blogueiros não sabem é isso ai que ta no titulo: Como colocar um link em uma imagem para direcioná-la a outra página da web.

Vou explicar de 3 modos, pelo modo básico usando o código, pelo programa de HTML NVU e pelo Writer (programa para criar artigos para blogs) os dois programas utilizo para construir meu blog e recomendo, pois são fáceis de usar e cumpre o que promete.

Inserindo um link em uma imagem usando o código

1- Escolher a respectiva imagem

2- Hospedar a imagem em algum site que presta esse serviço (Saiba mais)

3- Copiar o endereço da imagem, no artigo sobre hospedagem de imagem eu explico melhor como fazer isso

4- Usar o código é claro ne:
<a href="endereço do site"><img src="endereço da imagem" /></a>
Substitua o "endereço do site" pela URL do seu site. E o "endereço da imagem" pelo endereço que você tem da sua imagem que está hospedada em algum site.
Para aprender a hospedar e copiar o link da sua imagem, Leia:
Inserindo um link em uma imagem usando o NYU

Abra o NVU

1- Procure o ícone para adicionar imagem que fica na parte de cima da tela

Na nova janela adicione à url da imagem em “endereço

E o link para ser direcionado na aba “link

Na descrição coloque (se você quiser) uma frase para ajudar o usuário a se localizar

Em “Texto substituto”, uma palavra para identificar a imagem

2- Copie o código e cole onde desejar

nvu

Inserindo um link em uma imagem usando o Windows Live Writer

Abra o Writer

Escolha sua imagem

Escolha “Vincular URL

Coloque sua URL no respectivo campo

writter

1 Comentário:

Janete Adriana disse...

Não costumo comentar em blogs, mas eu preciso comentar aqui.
Muitíssimo obrigada!
Eu só consegui adicionar um link em imagem com a sua ajuda.
Obrigada mesmo!
Abraço!

Postar um comentário

Leia as regras:
Todos os comentários são lidos e publicados, se respeitados os critérios:
Para encomendas de logomarcas e outras artes, leia: Ilustrex
Não peça parceria por aqui entre em contato
Ofensas pessoais, ameaças e xingamentos não são permitidos;
Seu comentário precisa ter relação com o assunto do post;
Não inclua links desnecessários no conteúdo do seu comentário;

  ©Template by Pelo Estilo and Dicas Blogger - Contato - Termos de Uso

TOPO