Menempatkan Google Maps (Google BisnisKu) ke Dalam Blog / Website

Monday, May 23, 2016

Tutorial ini merupakan lanjutan dari tutorial sebelumnya yaitu Cara Membuat Google BisnisKu. Sesuai dengan judul artikel ini untuk memasang atau menempatkan peta lokasi tempat usaha ke dalam postingan blog atau ke dalam widget Blog maka terlebih dahulu Sobat harus membuat Google BisnisKu, jika sudah ada maka tidak perlu repot membuat tinggal memasang saja. 

Mungkin Sobat bertanya apa yang dimaksud dengan "jika sudah ada maka tidak perlu repot membuat tinggal memasang saja", sedikit saya jelaskan bahwa Google BisnisKu dapat di buat oleh siapa saja tidak harus pemilik usaha, pemilik syah dari tempat tersebut dapat mengklaim jika merasa memang itu tempat usahnya. Penjelasan detailnya dapat di lihat di artikel Klaim Google BisnisKu. 

Untuk menempatkan Google BisnisKu ke dalam Blog atau Web ada banyak cara tergantung ingin di tempatkan di mana, dapat di tempatkan di postingan Blog, di tempatkan di Widget atau Footer. Caranya hampir sama dan tergantung dari jenis blog yang Sobat gunakan.

Ada beberapa jenis template Blog yang sudah mendukung Google Maps (Contact Info) biasanya penempatannya ada dibagian sidebar kanan atau kiri. Jika template yang Sobat gunakan mendukung fitur ini maka cara menempatkan alamat tempat usaha cukup dengan mengetik alamat lengkapnya saja. Contoh dari jenis template ini silakan lihat di Blog saya yaitu CV. Jaya Gemilang. Pada bagian sidebar kanan bawah seteleh menu Recent Post ada peta penempatan Google Maps. 

Jika ingin memasukkan Google Maps ke dalam postingan Blog bisa itu menu Pages atau dalam postingan artikel caranya hampir sama untuk jenis blog entah itu Blogspot atau Wordpress atau jenis lainnya. Untuk contoh ini Saya gunakan pada menu Kontak CV. Jaya Gemilang dengan tujuan agar lebih mudah dalam mengetahui alamat lengkap. Caranya silakan sobat masuk terlebih dahulu ke menu Google Maps. Pada kotak penelusuran silakan cari tempat usaha yang sudah dibuat sebelumnya. Jika belum ada silakan sobat tunggu terlebih dahulu, biasanya karena tempat ini baru saja di buat. 

Jika sudah muncul seperti pada gambar di atas maka silakan Sobat klik menu Bagikan (No. 2). Jika menu informasi tidak muncul silakan klik logo merah pada peta lokasi usaha Sobat. Akan ada dua menu opsi yaitu Bagikan tautan dan Sematkan Peta. Silakan pilih menu Sematkan Peta. 

Silakan Copy kode HTML yang tertera, sebelum mengcopy ada opsi untuk memilih ukuran peta yaitu kecil, sedang, besar dan ukuran khusus silakan di pilih sesuai dengan keinginan Sobat. Jika kode sudah di copy maka proses selanjutnya adalah memasukkan ke dalam postingan blog.

Karena kode HTML maka untuk memposting ke dalam postingan Blog harus ditempatkan pada pilihan HTML bukan Compose atau Text.  Silakan paste kode HTML pada menu HTML di Blog, untuk menempatkan tepat di tengah silakan gunakan kode <center> di awal kode HTML ditutup dengan kode </center>. Jika sobat menggunakan template responsive ubah ukuran width="600" menjadi 100%.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3959.495227325503!2d110.45843511436885!3d-7.0684348712396465!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e708e91c7a9301b%3A0x8a468a309e94411a!2sCV.+Jaya+Gemilang+jasa+Konsstruksi+dan+Bangunan)!5e0!3m2!1sid!2s!4v1463986610261" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Untuk merubah tinggi ukuran peta silakan ganti pada tulisan height="450", jika ingin lebih tinggi silakan tambah menjadi 500 atau sebaliknya sesuaikan dengan selera Sobat. Proses selesai, silakan sobat sampaikan dalam komentar jika ada pertanyaan.