Trik Blogger Membuat Tabel di dalam Postingan Blog Blogspot

Sebuah artikel terkadang memerlukan tabel dalam penyampaiannya, apalagi artikel tersebut ingin menampilkan suatu daftar tertentu. Bayangkan saja, bagaimana bentuknya sebuah artikel yang menampilkan daftar harga barang bila tidak dikemas dalam bentuk tabel, pasti kacau tuch, hehehe....

Kali ini kita akan membahas tentang trik membuat tabel di dalam postingan blog agar suatu saat bila memerlukannya tidak lagi kebingungan tanya sana-sini. Bagi yang berminat mempelajarinya, mari kita belajar sama-sama di sini.

Trik Membuat Tabel di dalam Postingan Blogspot 

Untuk membuat tabel di postingan blog, kita memerlukan kode-kode HTML. Berikut adalah kode-kode dasar untuk membuat tabel yang nanti akan dikembangkan sesuai dengan kebutuhan

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

Untuk membuat tabel dengan 2 kolom dan 1 baris cukup tambahkan kode seperti di bawah ini.

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

Hasilnya akan terlihat seperti ini:

Kolom 1

Kolom 2

Jika ingin menambahkan satu kolom lagi, cukup tambahkan kode <td> Kolom 3 </td> sebelum kode </tr>, maka kode akan bertambah menjadi di bawah ini.

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

Hasilnya akan terlihat seperti ini:

Kolom 1

Kolom 2

Kolom 3

Sedangkan jika ingin menambahkan satu baris, tambahkan mulai dari kode <tr> hingga penutupnya </tr> sebelum kode </table>, dan kode akan berubah seperti ini.

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

Hasilnya akan terlihat seperti ini:

Kolom 1	Kolom 2
Kolom 1	Kolom 2

Kode membuat tabel 3 kolom 2 baris:

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

Kode membuat tabel 3 kolom 3 baris:

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

Begitu seterusnya. 

Catatan:

• Angka 500 adalah lebar tabel yang akan dibuat. Jadi sesuaikan dengan kebutuhan
• Kata kolom 1, kolom 2, kolom 3 adalah tempat untuk memasukkan tulisan atau apapun di dalam tabel yang akan dibuat

Demikian Trik Blogger Membuat Tabel di dalam Postingan Blog Blogspot. Semoga ada manfaatnya, tentu saja bagi yang membutuhkan dan ingin membuat tabel di dalam postingannya. Terima kasih.