Text Adjustment: 

Background Styles: 

Sunday, February 05, 2012
Put a Google Map on your Website
Minimize

Google has made it relatively easy for us to insert one of their maps right on our websites. It is useful to put one of these maps right on the page we create for driving directions to our church/business/organization.

  1. Go to Google Maps at http://maps.google.com/ 
  2. Paste or type in the full address of your organization into the search box.


     
  3. Click "Search Maps"
  4. You are shown your address on a map.
  5. Zoom in or out using the plus or minus on the left side of the map until you have the level of detail you want your users to see on your website map.
  6. Click the small "Link" hyperlink at the top-right of the map.


     
  7. Click the link to "Customize and preview embedded map."
  8. Customize the map size to yoru preferences.
  9. Copy the entire contents of the "Copy and paste HTML to embed in website" box.
  10. Close the Google Maps customize box. 
  11. Now go back to your website
  12. Go to the page where you want the map.
  13. Either create a new text/HTML module on your page for the map or you can use an existing module.
  14. Edit text or edit content on the module you have chosen.
  15. Click the source button on the top-left of the editor toolbars.
  16. Paste the code you copied from Google into this code view. Be careful not to break the code that might already be in there.
  17. Click the source button again.
  18. You should see your map in the editor.
  19. Save your changes to the module.
  20. The map should be showing on your page now. You may go back into edit mode and add any text around your map image that you like.
  21. Done

Copyright Notice  

Copyright © 2008 by LetItShine.Biz. All rights reserved. No part of the LetItShine Online Help or LetItShine Help may be reproduced, stored in retrieval systems, or transmitted in any form or by any means, electronic, mechanical, photocopying, recording or otherwise without the prior written consent of the publisher.

The authors have made every effort in the preparation of this content to ensure the accuracy of the information. However, the information is provided without warranty, either express or implied. The authors will not be held liable for any damages caused or alleged to be caused either directly or indirectly by this content.

Website Services  |  About  |  Contact Us  |  Pricing  |  Styles Gallery  |  Sign Up
Copyright 2005-2008 LetItShine.Biz