Tampilkan postingan dengan label Cara Membuat Beberapa Model Tabel Atau Kotak Di Postingan Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Cara Membuat Beberapa Model Tabel Atau Kotak Di Postingan Blog. Tampilkan semua postingan

Kamis, 09 Januari 2014

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

charticha.blogspot.com/

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

=> 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>

BarisKolom


=> 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>

NamaKelasHobby
A6Makan bakso
A6Makan bakso
A6Makan bakso
A6Makan bakso