Olá, seja bem-vindo ao blog PhotoScape Edições, o primeiro e mais completo blog sobre PhotoScape! Aqui você irá encontrar tutoriais, materiais para seu PhotoScape, além de muitas dicas e novidades sobre este maravilhovo editor de imagens.
Obrigada pela visita e volte sempre!

27 de jul de 2010

Colocando Link em uma Imagem {Blogger}

Depois de muito pedidos e muitas perguntas, finalmente resolvi criar uma categoria com dicas para o Orkut e para o Blogger {Blogspot}. Eu vou passar pra vocês algumas dicas básicas e espero que gostem :D

Hoje, eu vou ensinar como colocar link em uma imagem no Blogger. Ou seja, como fazer para que quando alguém clique sobre uma certa imagem que está em seu blog, essa pessoa seja redirecionada para uma página da web. Por exemplo, eu criei utilizando o PhotoScape, um pequeno banner e eu quero que quando as pessoas cliquem sobre ele, elas sejam redirecionadas para o site www.pensador.info, vejam como ficou:

Vamos aprender como fazer:
O1. Primeiramente, você deve hospedar a imagem que deseja utilizar. Aqui no blog tem um tutorial ensinando como hospedar imagens, clique aqui para o ler.
O2. Copie o endereço da imagem que é conhecido como link direto ou URL, e cole-o em um bloco de notas ou no Word, tanto faz.
O3. Copie o código abaixo e cole-o no local onde você deseja que a imagem apareça:

<a href="LINK DO SITE"><img src="LINK DA IMAGEM" border=0 /></a>

O4. Agora vamos fazer as devidas alterações no código. Onde está escrito LINK DO SITE, você apaga e coloca o link do site para onde quer que a imagem redirecione e onde está escrito LINK DA IMAGEM, você também apaga e coloca no lugar o endereço da imagem que você colocou no bloco do notas {ou no Word}.
O5. Pronto agora é só salvar! Você pode utilizar este código nas postagens ou no widget HTML/JavaScript quando quiser colocar na lateral do seu blog.

9 comentários:

  1. Uma boa idéia também é carregar a imagem direto da postagem, ir em "Editar HTML" e no primeiro espaço (você pode ver por que será algo relacionado ao blogger) digitar o link. O que acha?

    ResponderExcluir
  2. É Marih, pode ser também! Mas aí tem um probleminha... Quando você adiciona imagem pelo gerenciador do blog, aquele botãozinho de adicionar imagens, as imagens no formato GIF, ou seja, imagens animadas, não ficam em movimento :( Faz um teste pra você ver... Mas para as imagens em JPG e PNG, funciona sim. Beijoooos ^^

    ResponderExcluir
  3. Valeu!
    Eu estava tentando descobrir como faz isso a tempos!

    ResponderExcluir
  4. Oi,

    uma dúvida, eu fiz esse passo a passo e consegui, mas eu queria criar um link na imagem e encaminha-lá via gmail para outras pessoas, como faço?

    Abraço,

    Vanessa

    ResponderExcluir
  5. Oi Vanessa, o processo é o mesmo já que o gmail também lê HTML assim como o Blogger. É só você colocar o código certinho com o link da imagem e enviar. Beijos ^^

    Pop Chan, ainda bem que ajudou! Beijos ^^

    ResponderExcluir
  6. Natt. consegui brigada mesmo! amo tu e teu bloog! da uma olhada láa
    http://thoughtsofdsena.blogspot.com/

    ResponderExcluir
  7. te amo, Natália! Com seu blog aprendi a utilizar o photoscape. Hoje, mesmo usando o Gimp e o Ps CS5, não abro mão do photoscape.
    Essa dica é muito útil. Eu sempre quis saber fazer isso.
    Tudo lindo.

    ResponderExcluir