Add / Embed Google Maps In Blogger Blog Pages And Sidebar

How To Easily Add / Embed Google Maps In Blogger Blog Pages And Sidebar?

Letting your customers know where you are located is the key element for an online business company conducting online networking. The ideal way of doing that is to utilize Google interactive Maps that are reliable and concisely perfect. It helps your customers to find your exact location with proper driving direction and other essential information.

Showing your business location by adding your address details somewhere at the corner of your webpage is an old school method. When it comes to online business you have to let your customers and visitors know about your business location. So why not assist them to easily find out your location by adding interactive Google maps in your Blogger blog? Especially if your business is listed in Google places, you can embed your exact location with more details. Here in this post we will see how to easily add / embed Google maps in Blogger blogpages, posts and even in sidebar.

It doesn’t matter whether you are using Blogger as a personal blog, travel blog, for promoting business or to share some information. Google maps will be useful at times in order to show off your holiday destination, business location and tourist spots. So embedding Google maps will really enhance your user experience. Yes because Google maps are flexible, has got more features and moreover it is easy to embed.

Embed Google Maps In Blogger Blog Pages And Sidebar

You can embed Google maps in to your blog in three magnifying views such as normal map,satellite map and street view. Normal map will just show your location from top angle and that will be useful to find directions. You well know about satellite maps where you can discover the whole world in high resolution satellite images. Another advanced technology is the street view where one can navigate through streets and see real architectures. In this article we show you how to embed Google satellite map as well as street view.

Why To Use Google Maps?

There are many companies like Bing and Yahoo that provides you a feature to embed Maps on your website, but they are not flexible or robust enough to support a lot of things. Where as Google Maps has a lot of quality features.

Satellite View:- It provides you two options of display either the simple map or a satellite view. However, both technologies are impressive at their own perspective. It gives you High resolution aerial or satellite images from urban areas all over the world.

Directions:- They provide a flexible route planner which provides direction depending upon the area. No matter you are walking, bicycling, and driving it provides extremely accurate direction.

Extensibility And Customization:- It provides a lot of customization options so that users can easily get their personalized location in just a few clicks. With “My Places” option, you can even bookmark your location.

Also Check Out Below Guideline!

How To Embed Google Maps In WordPress Site

How To Add / Embed Google Maps In Blogger Blog?

First head to Google maps and find out your business location in search box. You can enter your city name, street name or even address and Google maps are smarter to find out the exact location. If your business is verified in Google places then you can easily spot out your location with marker.

After spotting your location; the Google will search for what you are looking for and then click on "Menu" tab at the top left corner as you can see in above image.

Now click on "share or embed map" as you can see in above image. It will let you to another small popup window where you can find the sharing and embed links.

You need to click on "Embed Map" and you will have the embed code for the desired location in the map. Copy this code in a better way. You can resize the map by selecting small, medium, large or even better you can customize the map as shown in above image.

Just keep the window open and now jump to your Blogger blog.

Adding / Embedding Google Maps In Blogger Posts And Pages

Now in Blogger open your posts or pages for example you can embed your map location in Contact Us Page. Switch to HTML editor and now paste the embed code. You can preview the map by switching to normal compose mode or you can preview the total page. Click on publish when everything looks fine. You are done embedding Google maps in your Blogger blog page.

Let's now see how to embed Google maps in Blogger sidebar.

Embedding Google Maps In Blogger Sidebar

Currently Blogger don’t have any gadgets or widgets in order to add Google maps in your blog sidebar.

Anyways adding Google maps in your blog sidebar is same as simple what you did above. Grab the iFrame embed code, but make sure you are setting custom width and height, so that the map fits in to your sidebar.

Go to layout in your blog dashboard and click on add a Gadget. Now select HTML/JavaScript gadget and paste the embed code in content area and save it.

Hopefully you have added your business location in blog sidebar.

How To Add / Embed Goggle Street View In Blogger?

In Google maps you will see a "human icon" just above the zooming bar as you can see in below image.

Click on the icon and just drop it on streets. You will have the desired maps on the street location as you can see in the below image.

Note:- Google street view is available only in popular cities.

Now click customize and preview embedded map after spotting the location. If you wish so, then set custom width and height. Now grab the embed code and paste it in HTML editor and publish.

By embedding Google street view your customers will find an easy way to your business location.

Hope this article might deliver you valuable information on how to embed Google Maps to your blogger blog or website. Please share it and comment below.