Cara Membuat Tabel dan Kolom Blog

Bagaimana membuat tabel dan kolom pada postingan. Seperti kita ketahui fungsi dan kegunaan tabel kolom salah satunya adalah untuk memudahkan kita dalam menguraikan data dalam pengolahan data.Seperti saya contohkan dibawah adalah Tabel Fungsi dari pada Kegunaan Menu Dashboard.

MENU	FUNGSI
Dashboard	Untuk melihat hasil dari data profile yang kita buat.
Entri Baru	Digunakan untuk membuat tulisan atau postingan baru
Buat Blog	Kita bisa membuat blog lebih dari satu dengan Judul dan alamat blog yang berbeda dengan satu akun Gmail saja
Edit Entri	Digunakan untuk mengatur postingan – postingan kita dahulu dan kita bisa men delete dan meng update hasil postingan kita.
Bantuan	Jika kalian menemukan kesulitan dalam membuat atau mengatur blog kalian tinggal meng klik link ini nanti kalian akan dibantu oleh tim blogger.
Lihat Blog	Digunakan untuk melihat blog yang kita buat dan akan muncul window baru
Pengaturan	Pada link ini kita dapat mengatur keseluruhan dari blog kita mulai dari setting jam,nama blog dan meng custom domain blog kita.
Layout/Tata Letak	Digunakan untuk mengedit tampilan blog kita mulai dari menambah elemen blog sampai mengedit html blog kita sendiri. Pada halaman ini merupakan hal yang sangat penting karena akan menentukan bagus atau tidaknya tampilan blog kita.
Edit Profile	Untuk mengupdate data-data profile kita
Accountku	Link ini akan menuju account-account apa saja yang kita gunakan pada google
Bahasa	Kita bisa merubah bahasa pada blog kita dengan mengklik dropdown ini.

Untuk membuat tabel data seperti diatas kode HTML nya adalah sebagai berikut :

<table border="1" summary="Table"><colgroup> <col></col> <col></col> </colgroup> <thead> <tr> <th>Kolom Pertama (1 a)</th> <th>Kolom Kedua (1 b)</th> </tr> </thead> <tbody> <tr> <td>2 a</td> <td>2 b</td> </td> </tr> </tr> </tbody> </table>



Untuk memudahkan dalam penyampaian saya akan membuat Kode Kolom agar rekan-rekan lebih bisa memahami apa yang saya sampaikan, simak dibawah ini:

1. Kolom Pertama baris pertama saya singkat ( 1a )
2. Kolom Pertama baris kedua ( 1b )
3. Kolom Kedua baris pertama ( 2a )
4. Kolom kedua baris kedua ( 2b )
begitu dan seterusnya...

Dan untuk menambah baris kebawahnya anda tinggal menambahkan kode lagi seperti berikut

<tr>
<td>3 a</td>   
<td>3 b</td>
</td>

Loh mas saya pengennya tiga kolom gimana? Ya anda tinggal menambahkan kode

<th>Kolom Ketiga (1 c)</th>

Letakkan persis di bawah kode 

<th>Kolom Kedua(1 b)</th>  

Dan nanti jadinya akan seperti ini:

<tr>
<th>Kolom Pertama (1 a)</th>
<th>Kolom Kedua (1 b)</th>

<th>Kolom Ketiga (1 c)</th>
</tr> 

Begitu juga kolom dibawahnya juga menyesuaikan dengan menambah kode

 

<tr>
<td>3 a</td>   
<td>3 b</td>
<td>3 c</td> 
</td>

Sehingga dari keseluruhan kode-kode diatas akan jadi form seperti dibawah ini :

Kolom Pertama (1 a)	Kolom Kedua (1 b)
2 a	2 b

Dan bila ditambahkan kode yang berwarna biru akan menjadi seperti ini :

Kolom Pertama (1 a)	Kolom Kedua (1 b)	Kolom Ketiga (1 c)
2 a	2 b	2 c

Dan seterusnya sesuai kebutuhan....

Gimana, mudah bukan praktekinnya...selamat mencoba

sumber : Mas Bugie. com