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: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:
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.
Créditos a PhotoScape Edições.
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É 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 ^^
ResponderExcluirValeu!
ResponderExcluirEu estava tentando descobrir como faz isso a tempos!
Oi,
ResponderExcluiruma 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
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 ^^
ResponderExcluirPop Chan, ainda bem que ajudou! Beijos ^^
Natt. consegui brigada mesmo! amo tu e teu bloog! da uma olhada láa
ResponderExcluirhttp://thoughtsofdsena.blogspot.com/
Amei amei amei!!
ResponderExcluirte 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.
ResponderExcluirEssa dica é muito útil. Eu sempre quis saber fazer isso.
Tudo lindo.
éé vou tentar melhor blog sz
ResponderExcluir