Jumat, 16 Oktober 2020

Menampilkan Google Map Di Postingan Dan Widget Blog

Cara Menampilkan Peta Google Map Di Postingan Dan Widget Blog Cara ini sangat sederhana karena hanya akan menambahkan iframe kedalam HTML postingan atau Widget HTML/Javascript ke dalam blogger anda. 

Penjelasan kali ini ada 2 tahap, yaitu cara menambahkan peta ke dalam postingan blog dan cara menambahkan peta ke widget blog. 
Pada intinya sama cuma akan beda di penempatan. 

Tahap 1. Input Peta Ke HTML Postingan Blog :
1. Masuk ke Google Maps



2. Pada situs Google map, cari alamat yang akan dimasukkan ke dalam postingan blog, 
seperti pada gambar berikut :






















3. Sampai muncul alamat tujuan yang dipilih


















4. Klik Menu seperti pada gambar 


















5. Maka akan muncul Popup Pilih Tab Sematkan Peta, 





























6. Maka akan muncul kode script iframe seperti gambar berikut. Copykan kode tersebut dan jangan lupa untuk mengatur lebar (width dan height sesuai yang anda inginkan. 
















6. Masuk Ke Blogger.com 
7. Pilih Entry Baru/Postingan Baru, seperti biasa jika ingin membuat artikel. 


















8. Di dalam tampilan entri tersebut, pilih mode HTML dan pastekan kode dari Google Maps yang sudah anda sesuaikan lebar dan tingginya. 











 






9. Kembali ke mode Compose dan lihat hasilnya. Sekarang tinggal tekan PUBLISH -kan. 



Tahap 2. Input Peta Ke Widget Blog Kode dari Google Maps yang sudah ada, pastekan ke widget Blog. 
1. Masuk ke Layout/Tata Letak
2. Pilih Tambahkan Widget, dan pilih widget HTML/Javascript
3. Pastekan kode script iframe yang sudah di dapatkan dari Google Maps ke dalam widget HTML/Javascript.

2 komentar:

  1. Alhamdulillah sudah bisa Embednya kak ... terimakasih

    oiyaa kak
    jasa service ac Surabaya bisa membantu anda memperbaiki ac anda. Jika anda bermasalah dengan ac anda di kota Surabaya Anda bisa memesan jasa kami. Tukang service ac kami sangat profesional, jujur, dan berpangalaman dalam memperbaiki semua type ac, jadi tunggu apa lagi hubungi kami sekarang juga - Service Ac Surabaya

    BalasHapus
    Balasan
    1. alhamdulillah... terima kasih informasinya

      Hapus