Web Blog Pribadi indra Wijaya Kusuma

Information For Us—Kemarin adalah Pelajaran,Hari ini adalah Anugerah,Esok adalah Tantangan—

Cara Membuat Tabel Di Blog Dengan Google Documents

Posted by ningrate pada Agustus 15, 2010

Cara membuat tabel di blog sudah banyak diberikan di blog lain, tapi cara membuat tabel yang akan disampaikan di sini sangat berbeda dan lebih mudah bahkan 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 memanfaatkan google documents.

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
  2. Login Ke Google DocumentsLogin Ke Google Documents

  3. Klik “New” dan pilih “spreadsheet
  4. Buat New SpreadsheetBuat New Spreadsheet

  5. Isi data tabel dan percantik seperti yang biasa kita buat di spreadsheet excel.
  6. Mengisi data tabelMengisi data tabel

  7. Simpan dan beri nama file  tabel yang kita buat
  8. Simpan dan beri Nama TabelSimpan dan beri Nama Tabel

  9. Klik “Share” dan pilih “Publish As A Webpage
  10. Mempublikasikan tabelMempublikasikan tabel

  11. Pilih sheet yang ingin ditampilkan dan contreng pada “Automatically republish after changes are made“  lalu klik “Start Publishing
  12. Mendapatkan kode tabelMendapatkan kode tabel

  13. Pilih “HTML To Embed in A Page“, “Sheet” yang ingin ditampilkan, dan range baris dan kolom yang ingin ditampilkan. Contohnya: A1:F16.
  14. Copy kode tabel dan paste di blogCopy kode tabel dan paste di blog

  15. Copy keseluruhan kode yang ada dan paste di halaman atau tulisan yang ingin menampilkan tabel tersebut.
  16. <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>

  17. 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).

Sumber: http://www.bloggerpemula.info/cara-membuat-tabel-di-blog-dengan-google-documents/

Iklan

3 Tanggapan to “Cara Membuat Tabel Di Blog Dengan Google Documents”

  1. luqoni said

    tutornya oke bang.bleh brlangganan g?oq z q jg pngen ngert bhs html bisa kasih pelajaran g?

  2. subhan said

    Ini nih yang dicari-cari. Saya lagi belajar ngeblog mas. Makasih banyak. Kata orang ‘berbagi tak pernah rugi’. Sekali lagi, terima kasih.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: