03 February 2011

Cara Membuat Tabel di Blog Dengan Google Document


Cara membuat tabel di blog dengan memanfaatkan google documents sangat berbeda dan lebih mudah dibandingkan dengan cara yang menggunakan kode 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 satu yakni tidak bisa menyisipkan link.

Langkah cara membuat tabel dengan google documents ini sebagai berikut:
1. Login ke google documents

Login Ke Google Documents


2. Klik “New” dan pilih “spreadsheet“

Buat New Spreadsheet


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

Mengisi data tabel


4. Simpan dan beri nama file tabel yang kita buat

Simpan dan beri Nama Tabel


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

Mempublikasikan tabel


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

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


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

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

10. Silahkan lihat hasilnya, semoga berhasil






Cari Topik yang Anda Inginkan Disini

Baca juga yang ini :



Jika merasa artikel ini bermanfaat, silahkan bagikan ke teman Anda lewat tombol-tombol di bawah ini ….

Stumble
Delicious
Technorati
Twitter
Facebook
Reddit

0 comments:

Post a Comment

Silahkan Sobat meninggalkan komentar, mau nanya?, kasih saran?, atau mau kritik? Biar kita makin dewasa gitu...

 

Blog Paksya. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com