002. CARA MENG EMBED SPREADSHEET KE WORDPRESS

Salah satu cara untuk memberitahukan data yang ada pada google spreadsheet kepada umum adalah dengan membagi kan link yang bisa di share. Akan tetapi google harus mendaftar terlebih dahulu dengan akun googlenya.

Cara yang lain untuk membagikannya adalah dengan menggunakan blog. Hampir sama dengan membagikan link, kalau data yang di spreadsheetnya di robah, hasil yang di blog itu juga akan berubah.

Caranya adalah : 

1. Pada spreadsheet yang akan di publish ke web, Klik menu File → Bagikan → Publikasikan ke Web. seperti pada gambar dibawah ini : 

2. Akan keluar kotak dialog

3. Pada tab pilih tab Sematkan

4. Pada Tab Seluruh Dokumen, pilihlah sheet yang akan di publish atau biarkan saja kalau ingin mempublish seluruh dokumen.
5. Setelah itu klik Publikasikan

6. Klik Oke, akan tampil kotak dialog seperti dibawah ini 

7. Tekan Ctrl + C untuk menyalin halaman link yang untuk mengcopy link yang akan di publish
8. Pada dashboard wordpress buka Laman baru

9. Tulislah judul pada kolom Tambahkan judul
10. Pada blok klik tanda plus ( + ). Dan pada kotak pencarian klik html. Setelah dapat, klik HTML Khusus

11. Setelah klik Publish
12. Apabila dilihat di komputer atau di laptop akan terlihat seperti ini : 

Sedangkan bila dilihat dari smartphone, tampilannya seperti dibawah ini 

13. Pada gambar tampilan, baik di komputer atau di smartphone terlihat bahwa tampilannya terlalu kecil untuk dilihat oleh siswa. Untuk memperbesarnya kita harus mengedit bahasa html yang sudah di copy kan ke wordpress.
14. Bahasa HTML sebelumnya adalah seperti dibawah ini : 

<iframe src=”https://docs.google.com/spreadsheets/d/e/2PACX-1vS2vNUxR_d7tVLzqayX2zTctK12eE7CuTjUSkgP5IRt9bd-0rSD4sbm8gwGcle9sUYrtHbxBtYpe5NL/pubhtml?gid=205089084&amp;single=true&amp;widget=true&amp;headers=false”></iframe>

Harus ditambahkan dengan height=”1000″ width=”100%” setelah <iframe … Tampilan setelah di tambahkan akan berubah seperti gambar dibawah ini : 

<iframe height=”1000″ width=”100%” src=”https://docs.google.com/spreadsheets/d/e/2PACX-1vS2vNUxR_d7tVLzqayX2zTctK12eE7CuTjUSkgP5IRt9bd-0rSD4sbm8gwGcle9sUYrtHbxBtYpe5NL/pubhtml?gid=205089084&amp;single=true&amp;widget=true&amp;headers=false”></iframe>

15. Tampilan setelah diubah menjadi : 

Sedangkan tampilan di smartphone : 

Baik tampilan di komputer maupun di smartphone sudah bisa dibaca dengan jelas oleh si pembaca. Begitulah cara meng embed spreadsheet, ke tampilan blog wordpress.

Semoga bermanfaat

aidiqichan