Pages

Subscribe:

Sabtu, 25 September 2010

Cara buat tabel pada blog

Poenk - 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, http://docs.google.com
Login Ke Google Documents
Login Ke Google Documents

2. Klik “New” dan pilih “spreadsheet“
Buat New Spreadsheet
Buat New Spreadsheet

3. Isi data tabel dan percantik seperti yang biasa kita buat di spreadsheet excel.
Mengisi data tabel
Mengisi data tabel

4. Simpan dan beri nama file tabel yang kita buat
Simpan dan beri Nama Tabel
Simpan dan beri Nama Tabel

5. Klik “Share” dan pilih “Publish As A Webpage“
Mempublikasikan tabel
Mempublikasikan tabel

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

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

8. Copy keseluruhan kode yang ada dan paste di halaman atau tulisan yang ingin menampilkan tabel tersebut.

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

Contoh hasil membuat tabel dengan google documents ini seperti berikut:

Latihan 1 : Sheet1
Sheet1

source : http://agusevirusli.blogspot.com/2010/02/cara-membuat-tabel-di-blog.html
www.reyarifin.blogspot.com