Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Mudah Membuat Tabel Di Postingan Blog

Cara membuat tabel di blogspot. 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 ketika menulis postingan blog, sobat harus 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
Adi
Adi Saya adalah seorang bloger yang sudah mulai mengelola blog sejak 2010. Sebagai seorang rider, saya tertarik dengan dunia otomotif, selain juga keuangan, investasi dan start-up. Selain itu saya juga pernah menulis untuk media, khususnya topik lifestyle, esai lepas, current issue dan lainnya. Blog ini terbuka untuk content placement, sewa banner atau kerja sama lain yang saling menguntungkan.

Posting Komentar untuk "Cara Mudah Membuat Tabel Di Postingan Blog"