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 disebelahCompose
***********************************************************************************
=> Tabel dengan 1 Kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Hasilnya</td>
</tr>
</table>
<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>
<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>
<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>
<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>
<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>
<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 |
Sampai artikel ini dipublikasikan semua script diatas masih bisa diaplikasikan pada blog.
Semoga bermanfaat.
No comments:
Post a Comment