Cara mendaftarkan dan menambahkan Google Maps di Blog/Web
Google Maps merupakan produk google yang dikembangkan berbasis web untuk melihat sebuah wilayah. Selain itu untuk melihat peta jalan, Street View, Google Traffic atau kondisi lalu lintas real-time, panorama 360 derajat sampai dengan untuk mengetahui lokasi saat berjalan kaki, bersepeda, menggunakan kendaraan bermotor ataupun transportasi umum mobil.
Dengan membuat lokasi di Goole Maps ini memudahkan para pelangan atau konsumen untuk mencari tempat tertentu. Para pembisnis ataupun sebuah toko tentunya sangat beruntung karena dengan fasilitas ini dapat memberikan alamat lokasi posisi dengan mudah. Bagi anda yang memiliki sebuah situs bisnis paling cocok jika mendaftarkan dan menampilkan di Google Maps.
Berawal melihat tampilan Blog Kompi Ajaib dan Mas Trigus yang sudah ada tampilan Google Mapsnya saat diketik di google. Blog/Web menjadi lebih Profesional dan menarik perhatian tentunya terlebih lagi disana sudah tersedia lengkap alamat, no handphone sampai peta lokasi rumah. Bagaimana tertarik untuk membuatnya, silahkan ikuti tutorial berikut ini.
Baca juga : Cara mendaftarkan alamat toko di Google Maps dengan mudah dan berhasil
Langkah 1 : Silahkan anda masuk melalui link ini : https://mapsengine.google.com/map/, klik pada BUAT PETA BARU.
Langkah 2 : Klik pada menu "Peta Tanpa Judul"
Langkah 3 : Isi Judul Peta dan Deskripsi sesuai dengan blog anda.
Langkah 4 : Cari nama kota anda dan jika sudah dapat silahkan klik.
Langkah 5 : Klik pada icon yang saya lingkari "Tambahkan Penanda" setelah itu cari lokasi atau posisi tempat anda dengan cara memperbesar (zoom) lalu klik pada Lokasi tersebut.
Langkah 6 : Klik pada icon yang saya lingkari lalu pilih "Buka Tabel Data"
Langkah 7 : Isi nama Blog anda, klik pada icon lingkaran merah lalu pilih "Sisipkan Kolom Setelah"
Langkah 8 : Tulis "URL" pada kolom yang tersedia dan jenis tetap Teks, lalu klik Tambahkan.
Langkah 9 : Isi nama, Deskripsi dan URL blog anda
Langkah 10 : Isi juga kolom pada titik peta alamat anda seperti contoh gambar dibawah ini, lalu klik Simpan.
Langkah 11 : Alamat google Maps yang sukses ditambahkan akan tampil seperti gambar dibawah ini.
Langkah 12 : Klik icon Bagikan untuk setting pribadi atau publik.
Langkah 13 : Klik pada menu "Ubah"
Langkah 14 : Pilih "Aktif - Publik di Web" lalu klik Simpan.
Langkah 15 : Klik pada icon titik 3 seperti gambar dibawah ini, pilih "Sematkan di situs saya".
Langkah 16 : Ambil kode HTML dibawah ini untuk diletakkan di Blog anda
Supaya tampil Responsive maka perlu di ganti Kode HTMLnya. Berikut ini kode sebelum dan sesudah di ubah menjadi Responsive.
Kode HTML Google Maps sebelum
<iframe src="https://www.google.com/maps/d/embed?mid=1xdTLRjxBOiWsw4FKxYhfQU-YiN2nYAe8" width="640" height="480"></iframe>
Kode HTML Google Maps sesudah
<iframe src="https://www.google.com/maps/d/embed?mid=1xdTLRjxBOiWsw4FKxYhfQU-YiN2nYAe8" style="width:100%;height:480px;"></iframe>
Lihat juga : Cara menggunakan Google Maps di Android untuk mencari Lokasi Alamat dengan mudah
Bagaimana, cukup mudah bukan menambahkan Google Maps di Blog/Web supaya mudah dilihat. Jika anda masih kesulitan bisa bertanya di kolom komentar supaya admin bisa mencoba menjelaskan. Dengan menampilkan Google Maps di situs anda tentu menjadi lebih unik blog kita saat di kunjungi, selain itu pengunjung akan lebih mudah menemukan lokasi pemilik situs.
Berawal melihat tampilan Blog Kompi Ajaib dan Mas Trigus yang sudah ada tampilan Google Mapsnya saat diketik di google. Blog/Web menjadi lebih Profesional dan menarik perhatian tentunya terlebih lagi disana sudah tersedia lengkap alamat, no handphone sampai peta lokasi rumah. Bagaimana tertarik untuk membuatnya, silahkan ikuti tutorial berikut ini.
Baca juga : Cara mendaftarkan alamat toko di Google Maps dengan mudah dan berhasil
Cara mendaftarkan dan menampilkan Google Maps Blog/Web
Langkah 1 : Silahkan anda masuk melalui link ini : https://mapsengine.google.com/map/, klik pada BUAT PETA BARU.
Langkah 2 : Klik pada menu "Peta Tanpa Judul"
Langkah 3 : Isi Judul Peta dan Deskripsi sesuai dengan blog anda.
Langkah 4 : Cari nama kota anda dan jika sudah dapat silahkan klik.
Langkah 5 : Klik pada icon yang saya lingkari "Tambahkan Penanda" setelah itu cari lokasi atau posisi tempat anda dengan cara memperbesar (zoom) lalu klik pada Lokasi tersebut.
Langkah 6 : Klik pada icon yang saya lingkari lalu pilih "Buka Tabel Data"
Langkah 7 : Isi nama Blog anda, klik pada icon lingkaran merah lalu pilih "Sisipkan Kolom Setelah"
Langkah 8 : Tulis "URL" pada kolom yang tersedia dan jenis tetap Teks, lalu klik Tambahkan.
Langkah 9 : Isi nama, Deskripsi dan URL blog anda
Langkah 10 : Isi juga kolom pada titik peta alamat anda seperti contoh gambar dibawah ini, lalu klik Simpan.
Langkah 11 : Alamat google Maps yang sukses ditambahkan akan tampil seperti gambar dibawah ini.
Langkah 12 : Klik icon Bagikan untuk setting pribadi atau publik.
Langkah 13 : Klik pada menu "Ubah"
Langkah 14 : Pilih "Aktif - Publik di Web" lalu klik Simpan.
Langkah 15 : Klik pada icon titik 3 seperti gambar dibawah ini, pilih "Sematkan di situs saya".
Langkah 16 : Ambil kode HTML dibawah ini untuk diletakkan di Blog anda
Supaya tampil Responsive maka perlu di ganti Kode HTMLnya. Berikut ini kode sebelum dan sesudah di ubah menjadi Responsive.
Kode HTML Google Maps sebelum
<iframe src="https://www.google.com/maps/d/embed?mid=1xdTLRjxBOiWsw4FKxYhfQU-YiN2nYAe8" width="640" height="480"></iframe>
Kode HTML Google Maps sesudah
<iframe src="https://www.google.com/maps/d/embed?mid=1xdTLRjxBOiWsw4FKxYhfQU-YiN2nYAe8" style="width:100%;height:480px;"></iframe>
Lihat juga : Cara menggunakan Google Maps di Android untuk mencari Lokasi Alamat dengan mudah
Bagaimana, cukup mudah bukan menambahkan Google Maps di Blog/Web supaya mudah dilihat. Jika anda masih kesulitan bisa bertanya di kolom komentar supaya admin bisa mencoba menjelaskan. Dengan menampilkan Google Maps di situs anda tentu menjadi lebih unik blog kita saat di kunjungi, selain itu pengunjung akan lebih mudah menemukan lokasi pemilik situs.