Selasa, 14 Oktober 2014

Cara Membuat Tabel di Posting Blog

Cara Membuat Tabel di Posting Blog
Untuk para sobat Blogger tentunya kadang-kadang membutuhkan tampilan tabel untuk posting-nya.
Selain agar terlihat rapih, input data/penulisan yang singkat tidak terlalu menghabiskan tempat.
Berikut tutorial dasar pembuatan tabel pada posting blog.



Pada pembuatan tabel sobat harus berada dalam mode HTML (berdampingan dengan Compose) disaat melakukan posting.

Perintah dasar membuat tabel di posting blog.

<table border="1">
<tr>
<td></td> <td></td> 
</tr>

</table>

Keterangan:
<table = perintah untuk membuat tabel
border> = perintah untuk mengatur tebal garis pinggir
<tr> = perintah untuk membuat baris pada tabel
<td> = perintah untuk membuat kolom pada tabel

Contoh Pembuatan Tabel Sederhana.

<table border="1">
<tr>
<td>
Input Data</td> <td>Input Data</td> <td>Input Data</td> 
</tr>
<tr>
<td>
Input Data</td> <td>Input Data</td>  <td>Input Data</td>
</tr> 
</table>

Maka hasilnya akan seperti berikut.
Input DataInput DataInput Data
Input DataInput DataInput Data

Agar salah satu baris tidak mengikuti jumlah kolom diatasnya, atau sobat ingin menggabungkan beberapa kolom, maka ada pengetikan perintah yang sedikit diberikan tambahan seperti berikut.
<table border="1">
<tr>
<td align="center" colspan="3">Input Data</td>
</tr>
<tr>
<td>
Input Data</td> <td>Input Data</td> <td>Input Data</td> 
</tr>
</table>


Maka hasilnya akan seperti berikut.
Input Data
Input DataInput DataInput Data

catatan:
Untuk tulisan warna merah sobat ganti dengan data yang sobat inginkan.
Untuk tulisan warna hijau atau border sobat bisa sesuaikan.
Untuk tulisan warna biru sobat dapat menyesuaikan dengan banyak kolom yang akan digabungkan  

Sekian panduan membuat tabel, somoga bermanfaat.

2 komentar:

  1. Wah ini neh yang saya perlukan, saya coba terapkan, kalo berhasil sekalian saya ijin copas artikelnya ya Boz... trims

    Salam dari Pulau DOllar

    BalasHapus
    Balasan
    1. yap selamat mencoba semoga berhasil..
      ijin di berikan kalo bisa kasih source linknya wkwkwkw

      Hapus

Tinggal komentar anda jika Artikel di atas menarik...