Kamis, 18 Maret 2010 di 16.33 |  

Cara Membuat Tabel Di Blog

Cara membuat tabel 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 Documents
    Login Ke Google Documents
  3. Klik “New” dan pilih “spreadsheet
  4. Buat New Spreadsheet
    Buat New Spreadsheet
  5. Isi data tabel dan percantik seperti yang biasa kita buat di spreadsheet excel.
  6. Mengisi data tabel
    Mengisi data tabel
  7. Simpan dan beri nama file  tabel yang kita buat
  8. Simpan dan beri Nama Tabel
    Simpan dan beri Nama Tabel
  9. Klik “Share” dan pilih “Publish As A Webpage
  10. Mempublikasikan tabel
    Mempublikasikan tabel
  11. Pilih sheet yang ingin ditampilkan dan contreng pada “Automatically republish after changes are made“  lalu klik “Start Publishing
  12. Mendapatkan kode tabel
    Mendapatkan 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 
blog
    Copy 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).
Contoh hasil membuat tabel dengan google documents ini seperti berikut:
Latihan 1 : Sheet1
Sheet1
Diposting oleh ARIP PRASETYO OK Label:

0 komentar :

MARVEL and SPIDER-MAN: TM & 2007 Marvel Characters, Inc. Motion Picture © 2007 Columbia Pictures Industries, Inc. All Rights Reserved. 2007 Sony Pictures Digital Inc. All rights reserved. Template distributed by BloggerTemplatesWidgets