COMO CRIAR E INCORPORAR O SEU MAPA À SUA PÁGINA

Esta etapa será feita apenas 1 vez e porque hoje temos um site bastante simples. Depois que tiver criado e incorporado seu mapa a sua página, irá apenas, fácil e rapidamente criar seus novos marcadores! E quando tivermos um melhor site, seu mapa será criado de forma mais automática. Vamos lá! São 5 passos:

1  COMEÇAMOS CRIANDO O SEU MAPA

  • Entre no site maps.google.com
  • Faça seu Login com sua conta Google (Gmail)
  • Agora, mais acima e à esquerda da página, clique em Meus locais
  • E em seguida em CRIAR NOVO MAPA
  • Em Título: INTERVILA SEUNOME SOBRENOME (em maiúsculas)
  • Em Descrição: http://intervilaseunomesobrenome.blogspot.com 

2  AGORA VAMOS ADICIONAR O SEU PRÓPRIO MARCADOR NO SEU MAPA

  • Logo acima do mapa, do lado direito de onde está escrito Google Maps, digite o endereço da sua casa. Por ex.: Av. Pedro de Assis, 75. São Paulo, Brasil
  • Encontre a sua casa usando as setas e ferramentas de 'zoom in' e 'zoom out' do mapa 
  • Encontrada a sua casa, clique uma vez em uma gota azul no canto superior esquerdo do mapa. 
  • Mova o mouse agora até que o 'X' abaixo da gota azual esteja em cima de você!, na sua casa.
  • mais um clique no mouse para o marcador (a gota azul) seja fixado na sua casa
  • Uma caixa de texto branca abrirá em cima do seu marcador:
  • Título: SEUNOME SOBRENOME (em maiúsculas) 
  • Em Descrição: http://intervilaseunomesobrenome.blogspot.com/ 


3  VAMOS AGORA TROCAR A GOTA AZUL PELO ÍCONE DO VILEIRO(A)
  • Clique em uma outra gota azul no canto superior direito desta caixa branca do marcador.
  • E agora em Adicionar um ícone
  • Em uma nova janela, abrir a página dos ícones Intervila: http://projetointervila.blogspot.com/2011/07/icones-dos-mapas.html
  • Copiar (Ctrl+C) o endereço do ícone desejado, neste caso o ícone do vileiro ou da vileira
  • Voltar à página do mapa e colar (Ctrl+V) o endereço acima, do ícone do vileiro ou da vileira.
  • Clique em Ok
  • Ok pela segunda vez 
  • E agora Salvar acima do título do seu mapa: INTERVIAL SEUNOME SOBRENOME
  • Pronto você está no seu mapa!


4  INCORPORAR SEU MAPA EM SUA PÁGINA INTERVILA
  • Ainda com o seu mapa na página do Google Maps, clique no símbolo que é como um elo (link) de corrente, no canto superior direito logo acima do seu mapa
  • Vai abrir uma caixa de texto branca logo abaixo de onde clicou
  • Clique agora em Personalizar e visualizar mapa incorporado
  • Irá abrir uma nova janela
  • Nela, selecione a opção Personalizado 
  • Altere a Largura para 300 e a Altura para 220 para caber na sua página Intervila
  • Usando as setas e ferramentas de 'zoom in' e 'zoom out' do mapa, deixe ele na posição que quer deixá-lo na sua página. Veja se prefere exibição em modo Mapa ou Satélite, Mostrar ou não mostrar nomes. O mais importante é que possa se ver no seu mapa!
  • Uma vez o mapa do jeito que quer tê-lo em sua página, selecione e copie (Ctrl+C) o texto abaixo de Copie e cole este HTML para incorporar ao seu site DESDE O INÍCIO DO TEXTO ATÉ MAIS OU MENOS O MEIO DELE ENTRE 'IFRAME BR/' E 'SMALL', ENTRE OS SINAIS DE MAIOR E MENOR QUE VERÁ ALI (não posso colocar aqui os sinais de menor e maior pois confunde todo o blog).
  • Vá a sua página Intervila (intervilaseunomesobrenome.blogspot.com) 
  • Cheque se já fez seu login dando uma olhada no canto superior direito da página. Se seu email aparece ali, está logado(a)! Se não, deve aparecer ali a opção para Login. IMPORTANTE: Depois de ter aceito os convites para fazer parte da sua página e do café Intervila, pela forma que o Blogger funciona, quem criou sua página ainda precisa te passar as funções de administrador(a). Assim, por favor, avise esta pessoa que você já aceitou o convite e precia agora receber os comandos para ser administrador(a).
  • Uma vez logado, clique na chave de fenda abaixo de MAPA DEPOIS QUE CRIAR...
  • Vai abrir uma nova janela. Nela mantenha o título MAPA, apague o texto em Conteúdo e cole (Ctrl+V) o código do seu mapa!
  • Clique em Salvar
  • E pronto! Seu mapa está ali em sua página!!


5  ÚLTIMA COISA, VAMOS AGORA CRIAR UMA POSTAGEM COM SEU MAPA EM TAMANHO MAIOR

  • Volte à página do Google Maps de onde copiou o código do seu mapa. Aquela que abriu depois que clicou no ícone do elo de corrente na página principal do Google Maps.
  •  Mude a Largura para 500 e a Altura para 400 para caber na sua postagem
  • Dessa vez pode copiar TODO o código abaixo de Copie e cole este HTML para incorporar ao seu site
  • Agora volte a sua página Intervila
  • Abaixo do seu mapa já incorporado, clique em Veja este mapa
  • Na coluna da esquerda da sua página, aparecerá uma postagem já criada mas sem conteúdo com o título MEU MAPA
  • Logo abaixo do título aparecerá um Lápis (precisará ter aceito o convite para participar da sua página, estar logado, ter avisado a pessoa que criou sua página que já aceitou o convite e esta pessoa ter liberado a função de administrador do site para você)
  • Clique no Lápis
  • Estará agora na página de Editar postagens da postagem com título MEU MAPA
  •  Clique agora em Editar HTML
  • Apague o texto que tiver ali
  • Cole (Ctrl+V) agora o código do seu mapa com tamando 500x400
  • Clique em PUBLICAR POSTAGEM
  • Agora em Visualizar postagem
  •  
    É isso aí!! Está vendo você no mapa?!!!!
     

0 comentários: