OBS: Já tenha o seu banner pronto salvo no pc.
1° Passo:
- Entre nesse site: AQUI
2° Passo:
- Agora entre NESSE site e hospede a imagem do seu banner.
3° Passo:
- No site do 1° passo, onde esta escrito “Image URL” cole lá a URL do seu banner que você hospedou lá no 2° Passo, logo em seguida clique em “load Image”.
Viram que a imagem carregou abaixo da caixinha? Ok.
4° Passo:
- Agora clique em “New link” e vai abrir duas caixinhas, uma em baixo da outra, onde esta escrito “Link” você coloca o Link/URL do seu menu e onde esta “Caption” você coloca o Titulo desse link.
5- Passo:
- No banner, reparem que apareceu uma caixinha igual a essa:
Essa caixinha é o código mapeado, você move essa caixinha pra cima do banner onde deseja mapear (Se for em home mova ela ate home, entende?). Para diminuir o tamanho dela é só ir diminuindo pelas laterais.
Para mapear mais link clique novamente “New Link” e faça o mesmo processo anterior, mova a caixinha (Igual o exemplo com imagem acima) para onde você deseja mapear.
6° Passo:
- Quando estiver tudo prontinho e todo mapeado, para pegar o código clique em “Make Code”, fica um pouco acima do final da página.
7° Passo:
- Pronto, seu banner já esta mapeado, agora basta copiar esse código da caixinha e colar no seu código do theme/HTML.
créd.: lovers-of-designs
Presentear FlogVIP
Denunciar
