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

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 1Kolom1
Baris 2Kolom 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 1Baris 2
Baris 3Baris 4
Kolom 1Kolom 2
Kolom 3Kolom 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 1Baris 1 - Kolom 2
Baris 2 - Kolom 1Baris 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>

NamaDivisiKlub Favorit
CokroProduksiLiverpool
MadeHRDReal Madrid
AlifJanitorPerugia
MariaJuru BayarWerder Bremen

0 Response to "Cara Mudah Membuat Tabel Di Postingan Blog"

Post a Comment

Komentar Anda akan muncul setelah kami review.

Baca Juga

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel