quarta-feira, 9 de outubro de 2013

Menu personalizado image maps

Bem,hoje vou fazer um post simples que muitas meninas procuram

1 - Crie seu menu (eu criei o meu no Paint)
2 - Vá no site:  http://image-maps.com/

Para continuar "Clique em Leia mais"


Já clico? então vamos voltar ao post

3 - Coloque sua imagem no site do passo 2








4 - Vai abrir uma outra pagina,espere a imagem carregar e depois clique em:







5 - Em seguida sua imagem ira aparecer em outra pagina,nessa pagina a uma barra lateral clique em:




6 - Apos clicar vai aparecer um quadradinho e uma pequena pagina,como vc tem que entender pra que  essas opções servem eu vou ensinar:

O quadradinho:
Vc tem que passar ele na parte onde vc quer que seus leitores cliquem para irem para a pagina que vc escolher







A pequena pagina:
Sera onde vc colocará o nome da pagina para onde seu leitor sera direcionado ao clicar na parte que vc selecionou naquele quadradinho.













Depois é só clicar em SAVE,vc pode fazer isso farias vezes.
Quando termina completamente clique em:
(ainda naquela barra do lado que eu mencionei)


7 - Vai abrir uma pagina,vá em HTML code  depois copie ate </mape>




8 - Depois vá no painel do seu blog clique em Layout (ou em design) > Adicionar um Gadgete > HTML/JavaScript e cole o código e no final cole </div> e pronto 

Nenhum comentário:

Postar um comentário