The Catatan Cak Nawi

Loading

Bikin Tabel dengan Google Document

Cara membuat tabel di blog sudah banyak diberikan di blog lain, tapi cara membuat tabel yang akan disampaikan di sini sangat berbeda dan lebih mudahbahkan buat blogger pemula yang tidak paham bahasa HTML. Umumnya untuk membuat tabel di blog maupun situs digunakan kode HTML, namun dalam tulisan ini kita akan belajar membuat tabel dengan menggunakan Google Document
Cara membuat tabel di google documents ini sama dengan membuat tabel di Microsoft excel yang berupa spreadsheet. Kelebihannya adalah tabel ini online dan bisa disisipkan di blog maupun di situs.
Kelebihan lain cara membuat tabel dengan google documents adalah:
  1. Tidak perlu memahami bahasa HTML yaitu kode (“<table>, <td>, <tr>, dst”).
  2. Tampilan tabel seperti spreadsheet excel, dan bisa terdiri dari beberapa sheet.
  3. Luas tabel (terutama lebar) tidak dibatasi oleh lebar halaman blog.
  4. Data dalam tabel tidak bisa di bajak (copas).
  5. Mudah di edit langsung di google documents.
  6. Lebar dan panjang baris maupun kolom mudah diatur, tanpa kode HTML (“width, height, dll”)
  7. Jumlah baris dan kolom bisa diatur yang ingin ditampilkan dan yang tidak ingin ditampilkan
Kekurangan cara membuat tabel dengan google documents hanya 1 yaitu, tidak bisa menyisipkan link.
Langkah cara membuat tabel dengan google documents ini sebagai berikut:
  1. Login ke google documents
Login Ke Google Documents
Login Ke Google Documents
  1. Klik “New” dan pilih “spreadsheet“
Buat New Spreadsheet
Buat New Spreadsheet
  1. Isi data tabel dan percantik seperti yang biasa kita buat di spreadsheet excel.
Mengisi data tabel
Mengisi data tabel
  1. Simpan dan beri nama file  tabel yang kita buat
Simpan dan beri Nama Tabel
Simpan dan beri Nama Tabel
  1. Klik “Share” dan pilih “Publish As A Webpage“
Mempublikasikan tabel
Mempublikasikan tabel
  1. Pilih sheet yang ingin ditampilkan dan contreng pada “Automatically republish after changes are made“  lalu klik “Start Publishing“
Mendapatkan kode tabel
Mendapatkan kode tabel
  1. Pilih “HTML To Embed in A Page“, “Sheet” yang ingin ditampilkan, dan range baris dan kolom yang ingin ditampilkan. Contohnya: A1:F16.
Copy kode tabel dan paste di blog
Copy kode tabel dan paste di blog
  1. Copy keseluruhan kode yang ada dan paste di halaman atau tulisan yang ingin menampilkan tabel tersebut.
<iframe width='460' height='300' frameborder='0' src='http://spreadsheets.google.com/pub?key=ttKd0sUSyysgleAqF0cGilQ&single=true&gid=0&range=A1%3AF16&output=html&widget=true'></iframe>
Atur lebar dan panjang tabel pada bagian width dan height (tulisan warna biru berikut) sesuai dengan lebar halaman blog. Kelebihan panjang maupun lebar tabel akan ditampilkan dalam bentuk scroll (layar gulung).

Categories:

Leave a Reply