21 janeiro 2015

Como mapear uma imagem

O mapeamento de imagem também serve para que você faça um menu digamos que "grudado no cabeçalho" é super simples...

Primeiro


Vá no site Image Map

lá voce clica em Browse for file 



blogger


A seguir escolha a imagem que deseja Mapear.

A Seguir clique em Start Mapping





A imagem será carregada, então clique em Click to continue










Quando a imagem aparecer, vá com o mouse até o local que deseje mapear, e clica com o botão direito. Em seguida clica em Create Rect









Selecione com o mouse aquilo que deseja mapear



No local da url, apague e coloque a sua. (Que no caso eu estava mapeando o 'Home" do meu blog então coloquei a url do inicio.








Logo depois vá em Settings e mude para Hidden.






Clique em Save.


A imagem ficará assim










Novamente clique com o botão direito do mouse em cima do quadrado vermelho,e clique em Get Code.











Vá até HTML Code










Desça com o mouse, e este será o código que você usará.











Mas antes de copiar e colar em seu blog voce precisa colocar estes codigos antes.

Antes de tudo, de enter e cole isto   <div style= 'text-align:center;'>


Depois voce precisa fechar o que abriu.. então no final do código cole isto </div>


Agora, que esta tudo pronto..


Copie o código, em seu blog clique em Layout, Adicionar um Gadget.













Se essa dica te ajudou, compartilhe, comente, siga o blog.. seja ativo!!

Beijinhos, Paloma.



Veja também

Related Posts Plugin for WordPress, Blogger...