Cara Membuat Tabel Pada 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 :
1. Masuk Entri Posting Blog
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>
<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 |
Sumber : Disini
0 comments:
Post a Comment