cara membuat tabel di blog


  Cara Membuat Tabel di blog
Membuat tabel dalam sebuah artikel bagi sebagian blogger mungkin merupakan hal yang sulit, karena bagi kita yang belum paham kode-kode HTML tentu akan kebingungan. Sebenarnya bisa saja kita membuat tabel dengan mengcopy paste dokumen tabel yang sudah kita buat di Microsoft word atau Excel. tapi jika sobat blogger memiliki koneksi internet yang lelet, terkadang tidak bisa terpublikasi. Mengapa bisa tidak terpublikasi? Karena tabel atau dokumen yang langsung kita copy paste dari microsoft word / Excel tadi sebenarnya mengandung kode-kode rumit. Terkadang pula tabel yang sudah kita copas dari excel, ketika di masukkan ke posting blog tidak menjadi sebuah tabel yang diinginkan / tidak ada garisnya.

Jika sobat sudah memakai software/aplikasi Windows Live Writer, membuat tabel akan mudah dilakukan, karena dalam toolsnya sudah ada pembuat tabel. Berbeda dengan blogger yang belum ada.

Buat sobat yang menemui kendala dalam pembuatan tabel di blog karena belum mengenal kode-kode HTML/CSS tabel, mungkin bisa mengikuti cara berikut ini.

1. Buatlah terlebih dulu tabel artikel kita di MS word/excel.

2. Blok/Highlight tabel yang sudah jadi tadi, kemudian copy.

3. Lalu Masuk ke http://tableizer.journalistopia.com/tableizer.php

4. Paste dokumen tabel tadi di dalam for.

Paste your cells from Excel, Calc or other spreadsheet here:

http://cuiter.wall.fm
Add caption

5. Jangan lupa mengatur ukuran huruf, jenis huruf dan warna header tabel di posting blog.

6. Jika sudah selesai, lihat preview kodenya di bagian bawah, Klik Tableize it!

7. Tunggu sebentar, maka Akan di dapat kode HTML untuk tabel yang siap dimasukkan ke dalam posting blog.

8. Langkah berikutnya adalah copy kode yang di dapat di form

9. Masuk ke pembuatan artikel, Silakan masukkan kata atau kalimat yang dikehendaki
 
Klik menu HTML di samping menu Compose.

Memasukkan kode yang sudah di copy tadi pada tempat yang dikehendaki

10. Kembali ke menu Compose untuk memasukkan kalimat atau kata-kata yang lainnya, seandainya tabel berada di tengah postingan.

Sebagai contoh bisa dilihat pada tabel di bawah adalah hasil Tableizer.

table.tableizer-table { border: 1px solid rgb(204, 204, 204); font-family: Arial,Helvetica,sans-serif; font-size: 12px; }.tableizer-table td { padding: 4px; margin: 3px; border: 1px solid rgb(204, 204, 204); }.tableizer-table th { background-color: rgb(143, 172, 200); color: rgb(255, 255, 255); font-weight: bold; }

No Nama Tutorial KODE Keterangan
1 Cara membuat tabel HTML
2 Cara membuat tabel CSS 3
3 Cara membuat tabel CSS 5

Cukup mudah bukan? Memang untuk pewarnaan hanya bisa di header tabel saja. Silakan sobat coba-coba.
Ditulis dalam kreasi
5 comments on “cara membuat tabel di blog
  1. Anonymous mengatakan:

    Hello. And Bye. Thank you very much.

  2. Anonymous mengatakan:

    Hello. And Bye. Thank you very much.

  3. Anonymous mengatakan:

    Hello. And Bye. Thank you very much.

  4. Anonymous mengatakan:

    Hello. And Bye. Thank you very much.

  5. Anonymous mengatakan:

    Hello. And Bye. Thank you very much.

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

Masukkan alamat surat elektronik Anda untuk mengikuti blog ini dan menerima pemberitahuan tentang tulisan baru melalui surat elektronik.

Bergabunglah dengan 3 pengikut lainnya

Spiderman Berjoget
chat cuit
cuit cuit
%d blogger menyukai ini: