Cara ECHO 17 Membuat Tabel pada Postingan

ECHO 17 - Dalam menulis sebuah artikel yang akan dipublikasikan terkadang kita membutuhkan tabel untuk menampilkan data dalam bentuk baris dan kolom.  Halaman editor blogger untuk pengetikan artikel pada mode Compose, belum memiliki fasilitas untuk membuat tabel seperti pada lembar kerja Microsoft Excel atau Microsoft Word, maka untuk memasukkan tabel pada artikel di blogger kita harus menulisnya dalam bentuk kode HTML.

ECHO 17 : Tabel pada Postingan

Berikut contoh kode HTML untuk memasukkan tabel ke dalam postingan menggunakan bahasa HTML :

<table width="400" border="1">
<tr>
<td>Baris 1 Kolom 1 </td>
<td>Baris 1 Kolom 2 </td>
<td>Baris 1 Kolom 3 </td>
</tr>
<tr>
<td>Baris 2 Kolom 1 </td>
<td>Baris 2 Kolom 2 </td>
<td>Baris 2 Kolom 3 </td>
</tr>
</table>

Kode yang ditulis berwarna merah width="400" adalah parameter untuk lebar tabel, anda dapat menyesuaikan dengan lebar sheet pada blog anda

Tabel akan terlihat seperti ini :

Baris 1 Kolom 1	Baris 1 Kolom 2	Baris 1 Kolom 3
Baris 2 Kolom 1	Baris 2 Kolom 2	Baris 2 Kolom 3

Tetapi pada artikel kali ini, akan dibahas bagaimana memasukan tabel ke dalam postingan dengan cara yang lebih mudah, yaitu dengan menggunakan tools yang bernama NVU, untuk itu silahkan download dulu software NVU
 

• Jika sudah berhasil di download install NVU ke komputer anda.

• Buka aplikasi NVU silahkan buat tabel pada halaman kerja dengan cara klik icon Tabel, lalu blok jumlah baris dan kolom yang akan dibentuk sesuai kebutuhan, klik button OK

• Tabel otomatis akan terbentuk silahkan masukkan data ke dalam kolom dan baris, anda juga dapat mengedit data di dalam tabel sesuai keinginan seperti membuat tulisan menjadi rata tepi kiri, rata ke tengah atau rata tepi kanan tulisan juga dapat dibuat menjadi tebal, garis bawah atau italic sekalian Anda bisa memasukkan image ke dalam tabel.

• Kira-kira bentuk tabelnya akan seperti ini :

Kolom 1 Baris 1	Kolom 2 Baris 1	Kolom 3 Baris 1
Kolom 1 Baris 2	Kolom 2 Baris 2	Kolom 3 Baris 2

• Jika sudah selesai, klik menu Source yang terdapat pada bagian bawah halaman editor NVU kemudian ambil atau copy kode yang diawali tag <table> sampai kode penutup </table> lalu paste pada halaman post editor di blog Anda dalam mode HTML (harus dalam mode HTML bukan pada mode Compose )

Silahkan bereksperimen, jika hasilnya memuaskan ucapkan Alhamdulillah... 

Note : Jika anda memasukkan image ke dalam tabel, masukkan dulu gambar atau image yang berasal dari komputer lokal Anda, kemudian setelah kode tabel di paste pada halaman post editor blogger dalam mode HTML ganti URL gambar dengan URL gambar Anda yang sebenarnya (sebelumnya gambar harus disimpan pada server image hosting seperti google picasaweb atau photobhuket tergantung hosting image yang anda gunakan).