Cara Membuat Tabel di Posting Blogger

Baca Juga

Cara Membuat Tabel di Posting Blogger.

TABEL kadang diperlukan dalam posting blog. Namun, cara menyisipkan atau membuat tabel dalam postingan blog cukup rumit, terutama bagi pemula.

Intinya, semua template blogger bisa dipasangi tabel. Kode template blogger dipastikan semuanya ada kode tabel seperti table, tr, th, td untuk mengatur tampilan tabel dalam postingan.

Berikut ini contoh tabel dalam postingan beserta cara memasangnya, seperti dishare Blog Know How.

CB ambil contoh tabel yang paling bagus ini. Ini kodenya:

<style type="text/css">.nobrtable br { display: none } tr {text-align: left;} tr.alt td {background-color: #eeeecc; color: black;} tr {text-align: center;} caption {caption-side:bottom;}</style>
<div class="nobrtable">
<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF; border-collapse:collapse;" width="100%" cellpadding="10" cellspacing="0">
<tr style="background-color:#0033FF; color:#ffffff; padding-top:5px; padding-bottom:4px;text-align: left;">
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr class="alt">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr class="alt">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table>

Ini hasilnya:

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

Cara Membuat Tabel di Posting Blogger

1. Saat membuat posting, klik mode HTML
2. Copas kode di atas dan ubah isinya (Table Header, Tabel Cell)
3. Publish.

Contoh Tabel Klasemen Liga Inggris

Posisi	Nama Tim	Poin
1	Chelsea	15
2	Liverpool	15
3	Manchester City	13

Contoh Tabel Lainnya

Judul Table 1	Judul Table 2	Judul Table 3
Isi Table 1 Kolom2	Isi Table 2 Kolom2	Isi Table 3 Kolom2
Isi Table 1 Kolom3	Isi Table 2 Kolom3	Isi Table 3 Kolom3

Demikian Cara Membuat Tabel di Posting Blogger. Good Luck! (www.contohblog.com).*