Semua Ada Untuk Anda|Online|Offline : Cara Membuat Tabel Pada Postingan Blog

Cara Membuat Tabel Pada Postingan Blog

Cara Membuat Tabel Pada Postingan Blog
Cara Membuat Tabel Pada Postingan Blog.

Deskripsi : Cara membuat tabel pada blog,Bagaimana cara membuat tabel pada postingan blog, Bagaimana Cara membuat tabel pada kotak Postingan blog?. Blog adalah suatu website yang digunakan oleh banyak pengguna, Selain fiturenya mudah alias simple, tetapi blog juga bisa membuat anda bertanya-tanya, Seperti anda ingin membuat tabel pada postingan Formulir/pemasangan iklan.

Berikut ini saya akan membagikan sedikit Cara membuat tabel pada postingan blog.

Berikut Kode  cara membuat tabel pada postingan blog: 

<table> dan </table>
<tr> dan </tr><td> dan </td>  

• Cara membuat Tabel Pada postingan blog (1).

<table width="500" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
</tr>
</table>  

Maka, Tampilan nya Menjadi seperti ini.

Kolom 1

Kolom 2

Jika Ingin Merubah Menjadi Tiga kotak postingan kesamping silahkan tambahkan code <td> Dan dibelakangnya Diberi lagi code </td>.

Contoh : 

<table width="500" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>

<td>Kolom 3 </td>
</tr>
</table>

Note: Code Merah Adalah Code Tambahan Kolom.

Maka Akan Hasilnya akan seperti ini.

Kolom 1

Kolom 2

Kolom 3

Jika sobat ingin membuat kolom berderet/jajar kebawah, maka sobat cukup masukan code berikut.
<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
</tr></table>  
Maka Akan menjadi seperti ini.

Kolom 1 A	Kolom 1 B
Kolom 2 A	Kolom 2 B

Kemudian Jika Sobat Ingin menambahkan menjadi Tiga Kolom sobat bisa tambahkan code : 

<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</table>

Maka Hasilnya Akan menjadi seperti ini.

Kolom 1 A	Kolom 1 B	Kolom 1 C
Kolom 2 A	Kolom 2 B	Kolom 2 C
Kolom 3 A	Kolom 3 B	Kolom 3 C

Solusinya untuk menambah Tabel jika Tabel tidak ada/tidak bisa ditampilkan, Sobat cukup salin code Berikut.

th, td {margin:0;padding: 5px; border:1px solid #ccc; text-align:center;}

Kemudian sobat pastekan ke CSS, Lalu Klik Terapkan keblog.

Nah, Itulah Tadi Artikel Tentang Cara Membuat Tabel Pada Postingan Blog. Semoga Bermanfaat!!!