Senin, 09 April 2012

Cara Membuat Tabel / Kode Tabel di Blog


Untuk membuat tabel di blog memerlukan pemahaman tentang kode-kode yang akan digunakan. Cara membuat tabel sebenarnya cukup mudah dan sederhana, anda bisa menyusun kode tersebut, untuk digunakan saat anda perlu membuat table baru dan bisa merubahnya sesuai kebutuhan. Kode dimasukkan pada halaman HTML dan setelah semua kode/tulisan lengkap dimasukkan , kemudian halaman dipindah ke compose maka tabel akan muncul. Berikut tips cara membuat tabel di Blog yang semoga dapat membantu anda yang mungkin belum memahami cara membuat tabel di blog.



contoh 1

Kolom 1 A Kolom 1 B Kolom 1 C
Kolom 2 A Kolom 2 B Kolom 2 C
Kolom 3 A Kolom 3 B Kolom 3 C


Kode tabel diatas adalah

<table border="1" style="width: 500px;">
<tbody>
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</tbody></table>




PENGERTIAN
kata KOLOM : pengertianya adalah jumlah baris (banyaknya kotak dari atas ke bawah), sedangkan A,B,C dst...adalah banyaknya kotak ke samping
Misal:

<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>

Penjelasan:
kata Kolom 1 diatas artinya: jumlah kolom atau banyaknya kotak dari atas ke bawah, (hanya satu). Sedangkan huruf A , B , C , diatas artinya adalah banyaknya kotak yang kesamping yakni ada 3 kotak (kotak A, kotak B , dan kotak C). Nah, jika anda ingin menambah jumlah kotak yang ke bawah menjadi 3 dan kesamping tetap 3, maka anda harus menambahkan kode lagi dibawahnya. Karena yang ingin ditambahkan adalah jumlah kolom kebawah yakni menjadi 3 maka kode yang harus anda tambahkan adalah seperti berikut:

 <tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>

sehingga setelah ditambahkan kodenya menjadi seperti kode contoh 1


Kolom 1 A Kolom 1 B Kolom 1 C
Kolom 2 A Kolom 2 B Kolom 2 C
Kolom 3 A Kolom 3 B Kolom 3 C


Untuk menambah/merubah kolom Anda tinggal mengkopi kode diatas dan merubah angka/huruf di belakang kata KOLOM sesuai jumlah yang diinginkan, lalu ditambahkan dibawahnya seperti contoh diatas. Jangan lupa kode awal dan  kode penutup harus ada (warna merah) . Angka '' 500'' adalah ukuran lebar yang bisa anda rubah/atau anda juga bisa merubah lebar/panjang kolom nanti setelah selesai membuat kolom (pada saat pengisian data/di halaman compose) dengan menekan tombol spasi atau backspace. Demikianlah tips cara membuat tabel di blog, semoga bermanfaat dan selamat mencoba.





1 komentar:

Rakintan mengatakan...

membantu banget, kunjungan balik ya