Kumpulan Kode Tabel Blogger Gratis

Tabel merupakan berbentuk baris dan kolom, biasanya lebih dari satu keduanya. Untuk membuat tabel di blogger atau website melalui post editor blogger dengan menggunakan kode HTML secara manual, karena di menu toolbar blogger tidak menyediakan icon membuat tabel.

Manfaat Tabel

Kegunaan table adalah untuk memudahkan pembaca dengan data sistematis mudah di pahami. Karena kalimat/ konten di dalam tabel berisi informasi jelas, singkat dan detail.

Cara Memasang Kode Tabel di Blogger

Untuk memasang tabel di postingan atau halaman blogger dengan kode HTML ikuti langkah-langkah berikut:

Buka www.blogger.com silahkan login dengan akun google Anda
Ubah mode Tampilan Menulis ke Tampilan HTML
Silahkan salin kode HTML Tabel di bawah yang Anda pilih silahkan di Copy, lalu Paste.
Untuk melihat hasilnya klik menu Pertinjau
Bila sudah sesui, klik Publikasikan

Berikut adalah beberapa kode Tabel HTML sederhana yang bisa di pasang pada blogger atau website.

Tabel Sedehana

Tabel sederhana ini ringan sangat cocok di terapakan pada postingan atau halaman pada blog atau situs karena lodingnya sangat cepat, tidak memberatkan.

<table>

<tbody>

<tr>

<td>Cell baris 1, kolom 1</td>

<td>Cell baris 1, kolom 2</td>

</tr>

<tr>

<td>Cell baris 2, kolom 1</td>

<td>Cell baris 2, kolom 2</td>

</tr>

</tbody>

</table>

Tabel Pada Head atau Atas Berwarna

Pada bagian head/ atas memiliki warna abu-abu, bertujuan untuk membedakan judul dan isi pada tabel.

<table>

<tbody>

<tr>

<th>Nama</th>

<th>Umur</th>

</tr>

<tr>

<td>Mawar</td>

<td>17</td>

</tr>

<tr>

<td>Melati</td>

<td>19</td>

</tr>

</tbody>

</table>

Tabel Bagian Sisi Kiri Berwarna

Tabel ini sangat cocok digunakan untuk membuat urutan panduan dengan judul di sebelah kiri dan penjelasan di sebelah kanan.

<table>

<tbody>

<tr>

<th>Nama</th>

<td>Mawar</td>

</tr>

<tr>

<th>Umur</th>

<td>17</td>

</tr>

</tbody>

</table>

Tabel Merge Cells Sisi Kiri

Tabel sisi kiri dua baris gabung menjadi satu, ini sangat cocok digunakan untuk judul dengan duan penjelasan atau penjelasan berakar.

<table>

<tbody>

<tr>

<td rowspan='2'>Baris 1-2, kolom 1</td>

<td>Baris 1, kolom 2</td>

</tr>

<tr>

<td>Baris 2, kolom 2</td>

</tr>

<tr>

<td>Baris 3, kolom 1</td>

<td>Baris 3, kolom 2</td>

</tr>

</tbody>

</table>

Tabel Merge Cells Sisi Atas Kanan

Pada tabel sisi kanan atas dua baris gabung menjadi satu baris. Ini juga bisa bisa digunakan untuk pembuatan penjelasan berakar.

<table>

<tbody>

<tr>

<th>Baris 1, kolom 1</th>

<th colspan='2'>Baris 1, kolom 2-3</th>

</tr>

<tr>

<td>Baris 2, kolom 1</td>

<td>Baris 2, kolom 2</td>

<td>Baris 2, kolom 3</td>

</tr>

<tr>

<td>Baris 3, kolom 1</td>

<td>Baris 3, kolom 2</td>

<td>Baris 2, kolom 3</td>

</tr>

</tbody>

</table>

Tambahan Penting

Tidak semua blog atau situs ketika di pasang dengan kode tabel ini bisa karena, setiap team/ template memiliki kode tertentu memungkinkan tidak kode tersebut tidak bisa muculkan dengan alasan mungkin pengembangnya membatasi dalam pengaksesan dalam templatenya.

Itulah beberapa tabel unik yang bisa Anda pasang pada halaman atau postingan blog atau web site. Dengan adanya kumpulan kode HTML Tabel gratis ini semoga bermanfaat.