Tutorial - Como deixar imagens mapeadas

Gente, aqui vou ensinar, como fazer um menu, fazendo que leve para algum lugar, chamamos de imagens mapeadas, vou ensinar a fazer com um menu, mas serve para mapear com qualquer tipo de imagem, e lembrando, tem que colocar a URL, mas um que não precisa é esse: Tinypic, mas vou ensinar com o Image Maps, vamos lá?

Primeiro de tudo, vá no programa onde você faz o menu e depois salve a imagem.

Calcule para que fique da mesma largura do banner, a altura pode ser diferente.

se você quiser fazer transparente, salve como png, se quiser o fundo branco ou de outra cor, salve como jpg, jpeg, gif e etc.

Quando fizer isso, vá nesse site (www) e coloque a URL da imagem do menu.

Clique em Start Mapping Your Image, vai aparecer, isso:

Clique em:

depois, clique em:

Selecione onde você quer que fique o link e coloque o link.

Não precisa nem colocar o título, bom, quando você selecionar todos os lugares onde você quer colocar com o retângulo, você clica em:

Clique em:

Não clique em saída HTML, apesar de mostrar logo a imagem, quando você for colocar no blog, vai retirar os links e deixar como uma imagem normal.

Depois disso, copie todo o código e coloque abaixo do cabeçalho no layout um gadget do HTML/Java Script.

Beijos, espero ter ajudado ^^