Cara Membuat Table Pada Postingan Blog, Blogspot

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.