Nhúng Google Maps vào blog

Nếu bạn bạn viết Blog để bán hàng hay giới thiệu các sản phẩm thì bạn cần cho người đọc biết địa chỉ của cửa hàng của bạn. Nhưng nếu người đọc từ nơi khác đến thì họ sẽ không quen với đường xá ở đó vì vậy sẽ khó mà tìm ra vị trí cửa hàng của bạn. Để giải quyết vấn đề này, ta sẽ nhúng một bản đồ Google Maps vào blog của bạn để người đọc dễ hình dung vị trí mà họ cần tới. Hôm nay mình xin giới thiệu cách làm.


#1 - Lấy code nhúng Google maps của bạn

1. Truy cập Google Maps và nhớ đăng nhập tài khoản Google
2. Chọn Bản đồ của tôi ở phần dưới ô tìm kiếm.

3. Chọn Tạo
4. Ở phần này chúng ta sẽ tạo một bản đồ cho riêng mình, cái này đơn giản thôi, mò là ra.

5. Chọn Chia sẻ
6. Chúng ta sẽ nhập tiêu đề và mô tả 

7. Thay đổi quyền riêng tư thành Công khai trên Web, có như vậy mới chia sẻ được.

8. Chọn nút hình thư mục ở phía trên bên phải > Nhúng vào web

9. Một hộp thoại hiện ra và chúng ta sẽ copy code ở đó.
<iframe src="https://mapsengine.google.com/map/embed?mid=zT1JXYlzk438.klkweoW9ljNg" width="640" height="480"></iframe>
Đây là một đoạn như vậy.

#2 - Nhúng vào blog

Có thể nhúng vào một wiget, trang hay một bài viết.
Đối với các trang và bài viết thì chọn chế độ viết HTML và dán code vào > Xuất bản.
Đối với wiget thì chỉ cần tạo một HTML/Javascrip mới và dán code vào > Save.
Hãy chú ý chiều cao và chiều rộng.

Comments