Cara Membuat tabel pada postingan blog

Cara Membuat tabel atau kotak di postingan itu pembicaraan kita kali ini. Untuk membuatnya ya agak mudah-mudah susah.dengan panduan ini sobat cukup sedikit menambahkan atau menyisip kan kode script ke artikel yang ingin sobat 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>

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>

NamaKelasHobby
A6Makan bakso
A6Makan bakso
A6Makan bakso
A6Makan bakso
   


Sekian sob Untuk Lebih lanjut hubungi Kami

Semoga sukses

0 komentar:

Post a Comment

luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com