Cara Membuat Table Pada Postingan Blog, Blogspot

Oleh: Pada: 17 February, 2018

Cara Membuat Table Pada Postingan, ini mungkin berguna untuk sobat yang memposting seperti jadwal pertandingan sepalbola, kalender, daftar anggota, dan lain sebagainya, sebenernya cukup mudah sekali, tetapi walaupun mudah kalau kita tidak tau caranya sama saja bohong, dengan menggunakan table maka postingan seperti yang telah kita terakan diatas akan lebih rapih dan enak dipandang mata, baiklah kalau gitu kita lihat saja contohnya, lihat dibawah ini.

Judul Tabel
Tanggal Kejuaraan Sirkuit
20 Maret 2011 MotoGP Losail
24 April 2011 MotoGP Motegi
1 May 2011 MotoGP Jerez
15 May 2011 MotoGP Estoril
22 May 2011 MotoGP Le Mans
5 June 2011 MotoGP Mugello
19June 2011 MotoGP Silverstone
25 June 2011 MotoGP Assen
3 July 2011 MotoGP Barcelona
17 July 2011 MotoGP Sachsenring
24 July 2011 MotoGP Laguna Seca
14 August 2011 MotoGP Brno
28 August 2011 MotoGP Indianapolis
4 September 2011 MotoGP Misano
18 September 2011 MotoGP Aragon
9 October 2011 MotoGP Sepang
16 October 2011 MotoGP Phillip Island
6 November 2011 MotoGP Valencia Advertisement

Langkah1
Masuk kedasbor Blogger.
Langkah2
Pilih Rancangan Edit Html.
Langkah3
Masukkan Kode CSS dibawah ini di atas kode : ]]></b:skin>

table { color: #3E5867; width: 100%; }
caption { background-color: #E6F0F2; border-top: 1px solid #E6F0F2; text-align: center; }
thead { background-color: #F4F8F9; text-align: center; }
tbody { background-color: #f7f7f7; text-align: center; }
tfoot { background-color: #fff; text-align: left; }
td#next { text-align: right; }

Setelah itu Save template sobat, apabila template sobat sudah ada kode seperti diatas tidak usah dipasang kode CSS itu.

Sekarang kita Masuk ke Posting > Entrik Baru > Mode Edit HTML, jangan yang Compose, lalu masukkan Kode Table dibawah ini.

<table border="2"><caption>Judul Tabel</caption>
<tbody>
<tr>
<th>header1</th>
<th>header2</th>
<th>header3</th>
</tr>
<tr>
<td>20 Maret 2011</td>
<td>MotoGP</td>
<td>Losail</td>
</tr>
<tr>
<td>24 April 2011</td>
<td>MotoGP</td>
<td>Motegi</td>
</tr>
</tbody>
</table>

Setelah itu Sekarang Masuk Ke Mode Compose dan edit isi dari table tadi, untuk warna background, border, text, supaya sesuai dengan template kamu, ubah kode warna CSS diatas, silahkan di oprek lagi bila ingin lebih bagus, misalnya ingin menambah table kamu tambahin saja kode TR dan TD untuk membuat kolomnya, Semoga sukses yah selamat mencoba.