Cara Embed/Menampilkan Google Sheet di Blog

Cara Embed Google Sheet di Blog – Salah satu metode untuk menampilkan tabel di blog adalah dengan menyematkan/embed data dari google sheet/spreadsheet ke blog. Meskipun banyak plugin tabel, google sheet yang mirip seperti tampilan microsoft excel ini merupakan cara yang tidak bisa di remehkan.

Adapun kemudahan ketika kita memanfaatkan google sheet sebagai informasi di blog yaitu sebagai berikut:

  1. Dapat leluasa mengedit data tanpa harus login melalui sistem blog kita dengan mudah. Ya tentu saja karena kita hanya cukup mengubah data dengan cara login ke google.
  2. Dapat menghemat storage di blog kita. Meskipun tidak begitu besar data tabel, namun jika datanya ada banyak ini cukup bisa mengambil storage kapasitas blog. Selain itu setidaknya tidak membuat kita pusing management data yang ada di blog jika datanya banyak.
  3. Dapat diupdate secara realtime. Jika kita ingin mengupdate data tabel, data langsung realtime terubah.
  4. Dapat terintegrasi dengan fasilitas google lainnya. Misal kita ingin menggabungkan dengan google formulir, dan ingin menginformasikan kepada pengunjung bahwa datanya sudah masuk. Jika kita memberikan informasi data google sheet ini, mungkin bisa mengurangi pengunjung untuk mengisi formulir berkali-kali.

Tutorial Embed Google Sheet di Blog

Sebelum saya memulai tutorialnya, terlebih dahulu saya konfirmasi dan memastikan jika Anda sudah menyiapkan data google sheet nya. Tutorial ini bisa dilakukan melalui WordPress maupun di Blogspot/Blogger.

Menyiapkan Kode Embed Google Sheet

Sebelum kita menerapkan ke dalam blog, terlebih dahulu kita menyiapkan kodenya terlebih dahulu. Berikut ini langkah-langkahnya:

1). Buka file online google sheet/spreadsheet Anda.

2). Klik menu File

3). Klik Publikasikan di web

Cara Embed/Menampilkan Google Sheet di Blog |
Menu Publikasikan di web, setelah klik File

4). Klik menu tab Sematkan.

5). Klik Publikasikan

Cara Embed/Menampilkan Google Sheet di Blog |
Menu Sematkan untuk mempublikasikan google sheet

5). Sesuaikan Sheet mana yang akan Anda tampilkan di dalam blog.

6). Copy/Salin kode embed pada bagian kotak.

Menyalin kode embed google sheet
Menyalin kode embed google sheet

Cara Publikasikan Sheet di Blog WordPress

1). Buka postingan blog Anda.

2). Cari blok HTML Khusus.

Cara Embed/Menampilkan Google Sheet di Blog |
Blok HTML Khusus di WordPress

3). Paste kode yang Anda Copy tadi.

4). Selesai, silahkan lihat hasilnya.

Cara Publikasikan Sheet di Blog Blogpsot

1). Buka postingan blog Anda.

2). Ubah Tampilan HTML, tombol pilihan ada di sebelah kiri menu atas.

Cara Embed/Menampilkan Google Sheet di Blog |
Mengubah Tampilan HTML di Blogspot

3). Selesai, silahkan lihat hasilnya.

Mengubah Ukuran Tampilan Google Sheet

Kode yang diberikan google sheet terkadang yang tampil terlihat kecil, sehingga pengunjung tidak begitu luas untuk melihatnya. Agar pengunjung bisa luas melihatnya, kita harus menambahkan sedikit kode ke dalam kode embed. Sebelum kode ></iframe> silahkan tambahkan dengan:

width=”100%” height=”1200″

Width 100% artinya lebar akan tampil penuh, dan height 1200 itu tinggi dalam bentuk px. Anda bisa mengatur sesuka yang akan mau. Jika penjelasan di atas masih belum begitu dimengerti, silahkan lihat gambar berikut:

Cara Embed/Menampilkan Google Sheet di Blog |
Contoh menambahkan kode embed agar tampilan luas

Kesimpulan

Untuk menyematkan/embed google sheet ke blog terlebih dahulu Anda harus membuat spreadsheet menjadi terpublikasi. Setelah itu salin kode yang diberikan oleh google sheet dan paste ke dalam blog.

Untuk memposting embed google sheet ke dalam blog adalah dengan cara mengubah mengubah dulu tampilan dalam bentuk HTML, baru kemudian bisa terlihat secara visual di blog.

Thoha Firdaus

Seorang yang suka mengajar, menulis di blog, buat video YouTube, mencari hal yang baru.

Facebook | Twitter | Instagram | Youtube

Tinggalkan Balasan