Link Instant - kali ini kita akan bahas bagaimana cara membuat tabel yang lebarnya bisa menyesuaikan lebar layar secara otomatis di postingan. Sehingga dengan tabel otomatis ini akan membuat tampilan lebih enak dipandang dan dibaca. Tidak perlu ribet-ribet pake tabel di ms. word karena ini caranya sangatlah mudah.
Untuk membuatnya jadikan mode tulis menjadi HTML lalu pastekan kode di bawah ini
<table border=”1″ width=”100%”>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
</tr>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
</tr>
</table>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
</tr>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
</tr>
</table>
Dan hasilnya akan seperti ini
kolom pertama | kolom kedua |
kolom pertama | Lebar kolom ini akan menyesuaikan dengan panjang bari dan lebar postingan |
Jika ingin membagi menjadi tiga kolom maka gunakan kode ini
<table border=”1″ width=”100%”>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
<td>kolom kedua</td>
</tr>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
<td>kolom ketiga</td>
</tr>
</table>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
<td>kolom kedua</td>
</tr>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
<td>kolom ketiga</td>
</tr>
</table>
kolom pertama | kolom kedua | kolom kedua |
Lebar kolom akan menyesuaikan | Panjang Pendeknya | Tulisan |
Nah begitulah cara membuat tabel sederhana tapi bagus di postingan blogspot. Semoga bermanfaat
0 Comments