Cara Mudah Membuat Tabel Di Postingan Blog

Tutorial Blogging - Halo sahabat blogger semua, sebelum kita membuat tabel di postingan blog, ijinkan saya bercerita sebentar.

Tempo lalu Catatan Adi mendapat banyak request seputar tips dan trik blogging.

membuat tabel di postingan blog

Tidak menyangka ternyata banyak sahabat blogger yang cukup antusias merequest artikel untuk dibahas di Catatan Adi. Salah satu request tersebut adalah tentang cara membuat tabel di dalam postingan blog.

Sebenarnya caranya sangat mudah. Kuncinya adalah meletakkan kode script di bawah ini. Dijamin sahabat blogger pasti bisa membuat tabel di postingan blog.

Baik, langsung saja kita bahas ya caranya membuat tabel di artikel blog.

1. Masuk ke dashboard Blogspot.

2. Pilih Postingan.

3. Pilih New Entry

4. Masukan Script Ke HTML. Letaknya ada di sebelah Compose

=> Tabel dengan 1 Kolom

<table border="1" width="500">
<tr bgcolor="#3496E1"> 
<tr> 
<td>masukkan teks Anda di sini ya</td> 
</tr> 
</table>

masukkan teks Anda di sini ya

=> Tabel dengan 1 Baris dan 1 Kolom

<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Ini Baris</td>
<td>Ini 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 Tulisan 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>Divisi</b></td><td align="center"><b>Klub Favorit</b></td>
</tr><tr><td align="center">Cokro</td><td align="center">Produksi</td><td align="left">Liverpool</td></tr>
<tr><td align="center">Made</td><td align="center">HRD</td><td align="left">Real Madrid</td></tr>
<tr><td align="center">Alif</td><td align="center">Janitor</td><td align="left">Perugia</td></tr>
<tr><td align="center">Maria</td><td align="center">Juru Bayar</td><td align="left">Werder Bremen</td></tr>
</table>

Nama	Divisi	Klub Favorit
Cokro	Produksi	Liverpool
Made	HRD	Real Madrid
Alif	Janitor	Perugia
Maria	Juru Bayar	Werder Bremen

Share this post