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.

Related Posts:

  • SOLUSI ERROR UNTUK WIFI HOTSPOT TERHUBUNG, TAPI TIDAK ADA INTERNET Ada HP atau Ponsel anda pernah tidak bisa connect ke Jaringan WiFi Hotspot. Padahal HP atau perangkat lainnya lancar jaya dan aman – aman saja. Pada saat di koneksikan ke router pemilik ada keterangan: “Terhubung, Tidak Ada … Read More
  • KELAS 9.24 - 2022/2023 Ini adalah kelas 9.24 SMP An-Nur Tahun Pelajaran 2022/2023.Untuk Foto Seragam PINK bisa DOWNLOAD disiniUntuk Foto TOGA bisa DOWNLOAD disiniAnggota Kelas :… Read More
  • GANTI NAMA dan PASSWORD WIRELESS ROUTER ANDARouter wireless menggunakan nama jaringan atau disebut juga SSID (Service Set Identifier) yang biasanya diatur standar oleh produsen (default).Memang Anda dapat terkoneksi ke jaringan internet dengan menggunaka… Read More
  • DVB T2 atau STB Digital TV Bisa Buat InternetPemerintah telah melakukan Analog Switch Off (ASO) atau penghentian siaran TV analog pada beberapa waktu yang lalu. Meskipun tidak semua wilayah telah di matikan Siaran Analognya. Bagi yang tidak memiliki perangkat TV digita… Read More
  • Cartoon Story MakerCartoon Story Maker adalah software offline sederhana yang dapat digunakan untuk membuat kartun 2 dimensi untuk pemula.Disarankan software ini diinstal untuk Laptop/PC yang berbasis OS Windows.Software ini sudah dilengka… Read More

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