Cara Membuat Kolom dan 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

Baca Juga

Josie

Cuma seorang blogger yang jarang ngeblog

Share :

Related Posts