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