How to Embed a Google Maps to website (Blogger and Wordpress)

How to embed Google Map in Website or Blog (Blogger and WordPress)

How to embed Google Map in Website or Blog (Blogger and WordPress) – Sometimes, we need to show a location on our website or blog to our visitor. Example for map of restaurant, hospital, office, shopping mall or hotel. One of the best choice is using Google Maps to do the job. It’s free and easy. Google Maps is one of the best mobile and web application to show the maps of the world. In this article I will show you how to easily embed a google map on your website, either in Blogger platform or WordPress platform.

Step by step to embed Google map to Blogspot and WordPress blogs

Steps to get the Google Map Codes

  1. Go to Google Maps website by typing in https://maps.google.com/ in your web browser address.
  2. In the Google Maps search box, type in the location that you want to show on your blog
    For example : Nagoya Hill Mall BatamEmbed Google Maps to Blog
  3. A Google Map will search and go to the location that we need.
  4. Click the “Gear” setting picture on the bottom of right side
  5. There will be appears some choice as below picture
    – Share and embed map
    – My Places
    – Web History
    – Search Setting
  1. Choose and Click [Share and Embed Map]Map location on google maps
  2. Google Maps will pop-up a windows
  3. Click [Embed Map]
  4. Copy the HTML codeCopy the HTML Code on the Google Maps
  5. Paste the HTML code into the source code of your blog

Steps to embed Google maps to Blogspot/Blogger Blog

  1. Log in to your Blogger dashboard
  2. Go to your article that need to show the maps
  3. Click [HTML] to insert the code that you had been copied.
    Note : The HTML code could not paste into the Text Editor Box or Compose Box on the Blogger.HTML Editor Blogger
  4. Choose the location that you need to show the maps
  5. Paste the HTML code to your chosen area.
  1. You can check the result by clicking the [Compose] or [Preview]

Steps to embed Google map to WordPress Blog

  1. Log in to your WordPress dashboard
  2. Go to your article that need to show the maps
  3. Click [Text] to insert the code that you had been copied.
    Note : The HTML code could not paste into the Text Editor Box or Visual Box on the WordPress.Text Editor WordPress
  4. Choose the location that you need to show the maps
  5. Paste the HTML code to your chosen area.
  6. You can check the result by clicking the [Preview]

Above is the method for embed Google maps into Blogger/Blogspot and WordPress.

Easy right?

Happy Blogging….

Leave a Reply

Name *
Email *
Website