Como colocar um link em uma imagem

16 mar
Vocês pensaram que a série Primeiros Passos havia acabado? Que nada! A cada dia recebo mais e mais perguntas com o básico do básico.  Então hoje vou ensinar, passo-a-passo, como colocar um link em uma imagem, para direcioná-la a uma outra página web.
  1. Escolha a imagem
  2. Hospede-a no site de sua preferência (saiba mais clicando aqui)
  3. Copie o endereço da imagem (saiba mais)
  4. Use o código abaixo

Exemplo:
Vou usar a imagem que coloquei para os Feeds do Template Songs:
Feeds
Agora vou hospedá-la no Picasa e copiar o endereço dela
upload url
Obtive o seguinte endereço:

http://lh4.ggpht.com/_mcq01yDJ2uY/SXUiVhRAGgI/AAAAAAAAAUs/pu2fQkzWOoc/600px-Feed_Icon_Bl-Or.png

Quero que esta imagem direcione o usuário aos feeds do meu blog. O código ficará assim:

Vejam o resultado,clicando na imagem abaixo:


Existem diversas outras maneiras de se fazer isso:
No Windows Live Writer

Escolha a imagem do HD, clique nela, e escolha “vincular à url”. Na caixa que vai abrir, coloque a url da imagem. Não sabe o que é Windows Live Writer? Então clique aqui.

live writer
No NVU Portable

Clique no ícone para adicionar uma imagem. Na nova janela, coloque a url da imagem em “endereço” e o link a ser direcionado na aba “ link”. Em “descrição” coloque uma frase para ajudar o usuário a se localizar e em “Texto substituto”, uma palavra para identificar a imagem. Copie o código e cole onde desejar.

configuração código-fonte
Para saber o que é NVU Portable, clique aqui.
Dica da tia Juliana
Quando eu quero linkar uma imagem em um post, eu uso o Writer. Para a sidebar, uso sempre o NVU, pela possibilidade de colocar uma descrição.

FONTE: DICAS BLOGGER

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: