Cara Membuat Tabel di Blogspot Responsive, Berwarna dan Tampilan Keren

Sahabat Printkom, Berikut ini tutorial cara membuat tabel kolom pada postingan dalam blogspot.

1. Login terlebih dahulu ke akun blogspot

2. Buat postingan baru kemudian klik icon pinsil di pojok kiri atas postingan, lalu ganti mode Tampilan Menulis menjadi Tampilan HTML. 

3. Setelah itu copy dan pastekan kode di bawah ini ke dalam postingan

<style>
table {background:#ffe599;width:100%;border:1px solid black}
th,td {height:10px;padding:5px;border:1px solid white}
th {background:black;color:white}
</style>

<br />
<table>
    <tbody>
<tr>
            <th>Nama</th>
            <th>Tempat Tanggal Lahir</th>
            <th>Pekerjaan</th>
        </tr>
<tr>
            <td>Rendy</td>
            <td>27 th</td>
             <td>Karyawan</td>
        </tr>
<tr>
              <td>Fauzan</td>
            <td>28 th</td>
             <td>Wiraswasta</td>
        </tr>
<tr>
               <td>Herni</td>
            <td>31 th</td>
             <td>IRT</td>
        </tr>
<tr>
            <td>Astuti</td>
            <td>23 th</td>
             <td>Mahasiswi</td>
        </tr>
</tbody>
</table>

4. Selesai, Maka hasilnya akan seperti ini:

Nama	Tempat Tanggal Lahir	Pekerjaan
Rendy	27 th	Karyawan
Fauzan	28 th	Wiraswasta
Herni	31 th	IRT
Astuti	23 th	Mahasiswi

Selanjutnya kita tinggal mengedit isi tabel atau warna teks sesuai dengan yang kita inginkan.

Catatan:

• Jika ingin mengganti warna background anda bisa mengganti kode #ffe599 dengan warna lain sesuka anda pada kode di dalam atribut style. 
• Pada kolom judul (ditandai warna merah)
• Pada kolom di bawahnya dan seterusnya (ditandai warna biru)
• Jika ingin menambahkan kolom baru ke samping atau pun ke bawah, anda bisa sesuaikan dengan menambahkan deret lagi di bawahnya dan sesuaikan urutannya.