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.
Nenhum comentário:
Postar um comentário