Cara Membuat Beberapa Model Tabel, Kolom, Kotak Di Postingan Blog

Cara Membuat tabel atau kotak di blog atau di artikel postingan itu lah pembahasan kita hari ini. Untuk membuatnya sangat lah mudah. anda sedikit menambahkan atau menyisip kan kode script ke artikel yang ingin anda beri kotak atau tabel.

Dengan cara masuk ke :

1. Entri Postingan

2. Masukan Script Ke HTML yang terletak disebelah Compose

***********************************************************************************

=> Tabel dengan 1 Kolom

<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Hasilnya</td>
</tr>
</table>

Hasilnya

=> Tabel dengan 1 Baris dan 1 Kolom

<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris</td>
<td>Kolom</td>
</tr>

Baris	Kolom

=> Tabel dengan 2 Baris dan 2 Kolom

<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris 1</td>
<td>Kolom 1</td>
</tr>
<tr>
<td>Baris 2</td>
<td>Kolom 2</td>
</tr>
</table>

Baris 1	Kolom1
Baris 2	Kolom 2

=> Tabel dengan 4 Baris dan 4 Kolom

<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris 1</td>
<td>Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
<td>Baris 4</td>
</tr>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
</tr>
<tr>
<td>Kolom 3</td>
<td>Kolom 4</td>
 </tr>
</table>

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

=> Tabel dengan 2 Baris dan 2 Kolom dengan TEXT di tengah kolom

<table border="1" width="500">
<tr bgcolor="#3496E1">
<td align="center">Baris 1 - Kolom 1</td>
<td align="center">Baris 1 - Kolom 2</td>
</tr>
<tr bgcolor="#3496E1">
<td align="center">Baris 2 - Kolom 1</td>
<td align="center">Baris 2 - Kolom 2</td>
</tr>
</table>

Baris 1 - Kolom 1	Baris 1 - Kolom 2
Baris 2 - Kolom 1	Baris 2 - Kolom 2

=> Tabel dengan 3 Kolom dan 4 Baris

<table border="1" width="620">
<tr bg#3366ff">#E0F8E0">
<td align="center">
<b>Nama</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Hobby</b></td>
</tr><tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
</table>

Nama	Kelas	Hobby
A	6	Makan bakso
A	6	Makan bakso
A	6	Makan bakso
A	6	Makan bakso

Tweet