Cara buat Tabel di Postingan Blogger dengan Kode HTML

1. Masuk ke Blogger
2. Pilih Tema ➝ Edit HTML.
3. Simpan Kode di bawah ini di atas Kode ]]></b:skin>

/* Post Table */
table{border-collapse:collapse;border-spacing:0;}
.post-body table td, .post-body table caption{border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #009abf;padding:10px;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #eee;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
.post-body td:hover{background:#fefefe;}
.post-body th{background:#00acd6;color:#fff;}
.post-body th:hover{background:#009fc6;}
.post-body td a{color:#444;}
.post-body td a:hover{color:#4db2ec;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body li {list-style-type:square;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.widget ul {padding:0;}
/* Post Table End*/

4 . Save Tempalte
5. Pergi Ke Halaman Atau Postingan dan buat Post baru / laman baru
6. Pilih Mode HTML di samping Compose
7. Masukan kode di bawah ini di dalam HTML Artikel anda.

<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr>             <th>KETERANGAN</th>      <th>KODE CHEATS</th>        </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
<tr>             <td>Isi</td>             <td>Kode</td>               </tr>
</tbody> </table>

8. Publikasikan dan lihat Hasilnya.

DEMO

Sumber  : aditoblog