Cara Gampang Membuat Tabel dalam Postingan

Assalamu'alaikum....

Mayasa©. Pada dasarnya, tabel adalah himpunan elemen-elemen data yang diorganisasikan menggunakan model kolom vertikal dan baris horizontal. Dengan kata lain, tabel merupakan salah satu bentuk laporan penyajian data berupa angka yang disusun dalam bentuk baris dan kolom. Tabel digunakan untuk menampilkan data. Pada umumnya, penyisipan tabel ke dalam dokumen berfungsi untuk mendukung penjelasan/uraian dokumen sehingga pembaca menjadi lebih mengerti.

Agar lebih jelas, silahkan anda perhatikan contoh tabel di bawah ini

Tabel

Bagaimana, sudah paham bukan mengenai pengertian tabel. Jika anda ingin membuat tabel dipostingan, mungkin untuk mengelompokkan suatu informasi, silahkan anda praktekkan langkah-langkah berikut.

Perintah dasar tag HTML untuk membuat tabel :

<table>...</table> Adalah Perintah untuk membuat tabel
<tr>...</tr> Adalah Perintah untuk membuat baris
<td>...</td> Adalah Perintah untuk membuat kolom
border, width, align, bgcolor Adalah Kode tambahan untuk pengaturan tebal garis
border, lebar tabel, perataan teks dan warna background

Step 1
Login ke akun blogger anda atau bisa anda klik Disini 

Step 2

Klik Posting lalu masukan kode di bawah ini pada menu Edit HTML, bukan menu Compose

<table border="1" style="width: 500px;"><tbody>
<tr bgcolor="#2735FB"><td align="center"><b>Negara</b></td><td align="center"><b>Ibu Kota</b></td><td align="center"><b>Bangunan Khas</b></td></tr>
<tr><td align="center">Indonesia</td><td style="text-align: center;">Jakarta</td><td align="center">Monas</td></tr>
<tr><td align="center">Singapura</td><td style="text-align: center;">Singapura</td><td align="center">The Merlion</td></tr>
<tr><td align="center">Inggris</td><td style="text-align: center;">London</td><td align="center">Big Ben</td></tr>
<tr><td align="center">Arab Saudi</td><td style="text-align: center;">Mekkah</td><td align="center">Ka'bah</td></tr>
<tr><td align="center">Mesir</td><td style="text-align: center;">Giza</td><td align="center">Piramida dan Spink</td></tr>
</tbody></table>

Keterangan:

Orange adalah Ukuran lebar tabel

Ungu adalah Warna kolom pada nama kolom jenis bahasa. Bisa juga diganti dengan warna lain, kalian bisa melihat kode warna disini

Merah Nama kolom tabel bagian Jenis (bahasa).

Kuning adalah isi tabel

Tulisan center adalah Letak tulisan. Center (tengah) dapat anda ganti dengan right (kanan), atau left (kiri).

Untuk menambah baris tabel caranya adalah dengan menambahkan kode di bawah ini diatas kode </tbody></table>

<tr><td align="center">Indonesia</td><td style="text-align: center;">Jakarta</td><td align="center">Monas</td></tr>

Untuk menambahkan kolom copy-kan tambahan kode dibawah ini sebelum kode </tr> silahkan anda ganti namanya sesuai dengan nama yang anda inginkan

<td align="center"><b>Bangunan Khas</b></td>
<td align="center">Monas</td>
<td align="center">The Merlion</td>
<td align="center">Big Ben</td>
<td align="center">Ka'bah</td>
<td align="center">Piramida dan Spink</td>

Jika ingin menebalkan tulisannya tanggal anda tambahkan kode <b>Nama Tulisan</b>
Silahkan anda sesuaikan dengan keinginan anda.

Step 3

Jika sudah selesai, klik preview/ pratinjau untuk melihat hasilnya. Jika anda sudah yakin, maka klik Terbitkan Entri/Publish untuk menayangkan postingan anda.

Note :
Jika anda ingin menempatkan tabel tersebut ditengah, maka tambahkah <center> dan </center> di antara kode tabel pada step 2

Selain pada postingan, tabel ini juga dapat diletakkan pada gadget blog.

Silahkan mencoba dan semoga berhasil.

Semoga bermanfaat...
Wassalamu'alaikum.....

Source