13 janeiro 2012

Tutorial: Imagem com Link

Outfitsdetails-and-few-other-things-l-e7w2al_large_large


Oi meninas! Mais um tuto pra vocês. Uma dúvida que eu tipo, sempre tive era como fazer que uma imagem, quando clicada, fosse direcionada para um link.
Maaaaas, até que achei esse tutorial no Bloga Menina, e consegui \o/ e claro, vou mostar para vocês esse tutorial muuuuito útil!
O código é esse aqui:

<a href="endereço do site"><img src="endereço da imagem" /></a>

O endereço do site, é o link que a imagem vai direcionar, e o endereço da imagem, é o link que sites como o Tinypic fornece.
Eu aaaaaaamo o Tinypic porque você não precisa ter conta pra usá-lo e é simples, fácil, prático, ou seja perfeito!
Para usá-lo, vá no site www.tinypic.com
e siga os passo abaixo:

Primeiro clique em escolher arquivo e escolha a imagem que você quer usar, (se for um video ou uma imagem da internet clique nos botões em file type). Em resize você escolhe a opção se você quer mudar o tamanho da sua imagem. É uma bobagem, pq vc faz a imagem do tamanho q quiser né? :) Se não quiser mudar o tamanho, coloque na opcão Default.
Send via e-mail não é tão útil assim, mas se você quiser marcar o botão.
Depois, é só clicar em Upload Now! 


 Eu, por exemplo, fiz o upload desse avatar super fofo ^^
Use o código do direct link for layouts.
Agora, só pegue aquele código láááá em cima (lembra)?:

<a href="endereço do site"><img src="endereço da imagem" /></a>


e no lugar de endereço da imagem, coloque o link daquele direct link for layouts e no lugar de endereço do site coloque o endereço do site que você quer que direcione, depois de pronta ficaria assim(quando clicar você vai ir pro google):



Depois é só colocar o código em uma postagem, ou ir em desing>layout>adicionar gadget> html e colar.
Espero que tenham gostado do tutorial, meninas!!
: D Ele é ótimo para fazer um link-me (depois ensino)
Qualquer dúvida, comente


Um comentário:

  1. oieh, gostaria de saber como se cadastra nesse Tinypic...
    Parabéns pelo LINDO Blogger!
    Bjo :)

    ResponderExcluir