Embed Google Maps in Blogger Blog

Google maps to Blogger  : 

Google maps gives a set of directions to a particular location. Google maps is really key feature to online business .With Google maps customers easily locate you business. Letting customers know where you located is really good idea. To let customers know where you located you have to add Google maps to your blogger blog. In this post I'm showing how to add Google maps to your blogs.

How to embed Google maps in Blogger blog: 

Google maps providing iframe code to embed Google maps in blogger blog. To embed Google maps in blogger blog, we have to add the iframe code generated by Google maps to your blogger blog. Another source like Google maps creator is also there to embed Google maps in blogger blog. Here I'm showing you easy method to embed Google maps in your blogger blog. This method is really easy , any one can easily Follow. 

Follow below steps to embed Google maps in your Blogger blog

Step 1 :  Google maps.google.com

Step 2: Navigate to a place you want to show on your custom map

Step 3 :After Choosing the location , click on Link button below search box on top left.
Copy iframe code.

If you want to customize Click on Customize and preview embedded map .Then choose map size and copy HTML code.

Step 4 : Go to blogger dashboard and click on layout

Step 5 : Click on Add a gadget and add HTML/JavaScript Widget and paste HTML code in that HTML/JavaScript widget box and click on Save button.

Now Go to your blogger blog and see Google maps added by you. Placing Google maps in proper location on your blogger blog is more important.

How to Embed Google maps in your Contact us page :

Step 1 : Go to Blogger dashboard

Step 2 : Click on Pages

Step 3 : Click on Create page or click on edit contact us page ( If already has)

Step 4 : Click on HTML button to convert post editor in to HTML mode.

Step 5 : Paste Google maps HTML code and click on Publish.

Now when you click on that page , you Google map will display. Like this you can embed your custom Google map in your blogger blog.

No comments:

Post a Comment