Setelah sebelumnya zonaterbaik.com menguraikan tentang
cara membuat tabel dengan kode HTML di Blogspot, Kali ini saya ingin berbagi tentang
cara meyesuaikan/mengatur ukuran tabel agar pas dengan halaman posting blog kita.
Sebelum menyesuaikan ukuran tabel, kita harus tahu dulu berapa ukuran halaman posting blog yang kita miliki. Semisal 450px atau 500px dan lain sebagainya.
Jika sudah mengetahui ukurannya langsung saja kita masuk ke cara mengatur ukuran table agar pas dengan ukuran yang kita inginkan.
Kode untuk merubah ukuran tabel (1) :
<table border="1" width="500">
<tr><td width="250">Kotak1</td><td width="250">Kotak2</td></tr>
<tr><td width="250">Kotak3</td><td width="250">Kotak4</td></tr>
</table>
Contoh jadi (1) :
Kotak1 | Kotak2 |
Kotak3 | Kotak4 |
Keterangan :
- Kode berwarna biru menunjukkan lebar halaman postingan/artikel kita. Ganti "500" dengan ukuran yang pas dengan blog yang dimiliki. Contoh "450"
- Kode berwarna merah untuk mengatur lebar kolom tabel. Jika ingin ukuran yang berbeda tinggal disesuaikan dengan keinginan. Contoh saya ganti yang berwara biru dengan "300" dan berwarna merah saya ganti ukuran menjadi "100" dan "200" :
<table border="1" width="300">
<tr><td width="100">Kotak1</td><td width="200">Kotak2</td></tr>
<tr><td width="200">Kotak3</td><td width="200">Kotak4</td></tr>
</table>
Maka jadinya seperti ini :
Kotak1 | Kotak2 |
Kotak3 | Kotak4 |
Cara lain untuk
menyesuaikan/mengatur ukuran tabel dalam postingan ataupun sidebar kita. Berikut kodenya :
<table border="1" width="500px">
<tr><td width="25%">Kotak1</td><td width="75%">Kotak2</td></tr>
<tr><td width="25%">Kotak3</td><td width="75%">Kotak4</td></tr>
</table>
Jadinya seperti ini :
Kotak1 | Kotak2 |
Kotak3 | Kotak4 |
Catatan :
Biru untuk
ukuran lebar seluruh tabel, dan
merah untuk ukuran lebar persentase kolom dari ukuran keseluruhan ukuran
tabel.