Trik Blogger Membuat Tabel di dalam Postingan Blog Blogspot

Trik Blogger Membuat Tabel di dalam Postingan Blog Blogspot

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.



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.



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.


Hasilnya akan terlihat seperti ini:

Kolom 1 Kolom 2
Kolom 1 Kolom 2

Kode membuat tabel 3 kolom 2 baris:


Kode membuat tabel 3 kolom 3 baris:


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.

Artikel terkait:

Bagikan: