Siga! Curta! I Like Pngs I Like Desing Image Map

terça-feira, 10 de julho de 2012

Como mapear o cabeçalho no image-Maps


Olá pessoinhas do meu coração estou aqui mais uma vez,mas dessa vez é para ensinar a mapear um designer do cabeçalho.
Bom primeiramente voce deve ter seu cabeçalho ja pronto.Você pode faze-los no photoshop ou photoscape.São os que uso para fazer os designs do meu blog.Apos voce fazer o seu cabeçalho entre no site Image-Maps.No site voce tem opcões de colocar o endereço de onde esta hospedado seu cabeçalho ou fazer upload dele diretamnete do seu computador.
OBS:O image-Maps não consegue carregar em formato png,não sei o porque.Mas eu sempre carrego no formato jpge.Apos isso click em "Start Mapping your Image".

Apos carregar aparecera uma pagina onde esta sendo carregado sua imagem,espere carregar e click em "Continue to next step" conforme a imagem abaixo

Logo apos voce clicar sera encaminhado para a pagina de mapear




Click em rectangle.Aparecera uma caixa onde voce vai colocar e encaixa no texto a ser mapeado ex:INICIO 
Apos encaixar  no texto Inicio o retangulo voce colocara o link e depois salva.



Apos você mapear tudo o que deseja click em "Get your Code" para gerar o html para inserir no blog



Copie o codigo ate o </map>,não esqueça de adicionar </div> abaixo de </map>.
Para coloca-lo no blog você acessa o desing do teu blog click em editar html
Não click em expandir html não mexa em nada apenas pegue o codigo que você acabou de gerar e cole abaixo de 
<body>
  <div id='outer-wrapper'><div id='wrap2'>

Pronto seu cabeçalho esta online e mapeado por você.

Você também pode colocar o código que gerou em adicionar gadget HTML e colar.Colocar a gadget no lugar da gadget cabeçalho.


Bom espero que tenham gostado do tutorial.Fiquem a vontade para deixar seu comentario.

Kisses...Kisses Nina





Nenhum comentário:

Postar um comentário

 
Código by: I Like Desing(http://ilikedesing.blogspot.com.br/) | Layout by: Nina