Cách chèn Google Map vào Website - Blogger mới nhất

Các bạn thường thấy trên một số trang Website hoặc Blog cá nhân có bản đồ của Google Map. Vậy phải làm thế nào để chèn được Google Map vào trang Web - Blog của mình. Trong bài viết này mình chia sẽ với các bạn cách làm chi tiết, dễ hiễu và mới nhất.

Trước tiên, các bạn đăng nhập vào Google Map, nhập vị trí của bạn, hoặc vị trí muốn hiển thị trên Google Map, sau đó click vào nút Search như hình.

Tiếp theo bạn click vào nút SHARE để khung Share vị trí hiện ra, chọn tab Embed a map. Chọn COPY HTML để copy đoạn code nhúng vào Web - Blog. Đoạn code có dạng như sau:

<iframe allowfullscreen="" frameborder="0" height="450"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3
!1d3928.759943582907!2d105.77103761527209!3d10.036657675154661
!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2
!1s0x31a088184765ce05%3A0x90f0927e408eeec2
!2zQ8OUTkcgVFkgVE5ISCDEkEnhu4ZOIFThu6wgVElOIEjhu4xDIERBTkggSMOZTkc
!5e0!3m2!1svi!2s!4v1534164440582" style="border: 0;" width="600">
</iframe>

Đến đây bạn đăng nhâp vào Blogger, chọn tab Layout, chọn tiếp Add a Gadget. Khung Add a Gadget hiện ra, click vào dấu + tại thẻ HTML/JavaScript như hình.

Bạn dán code đã copy bên Google Map vào khung, đặt tên tiêu đề, cuối cùng nhấn Save là xong nhé.

Monday, August 13, 2018