Agar Tabel Pada Artikel Blogspot Tidak Melorot – Ketika kita membuat sebuah artikel untuk blog, kita kadang membutuhkan tabel misalnya untuk mencantumkan daftar harga suatu produk dan lain-lain. Namun kendala yang sering di hadapi oleh kalangan blogger pemula seperti saya sendiri yaitu posisi tabel yang biasanya jauh melorot kebawah dan khususnya artikel pada blogspot. Saya akan memberi contoh tampilan tabel melorot yang saya maksud namun tabel berikut saya buat cukup sederhana.
Contoh tabelnya seperti berikut :
DAFATAR NAMA ANGGOTA
NAMA | UMUR | JENIS KELAMIN |
Bob Sadino | 18 Tahun | Pria |
Bob Hasan | 24 Tahun | Pria |
Sri Mulyani | 40 Tahun | Wanita |
Andi Malarangeng | 35 Tahun | Pria |
Coba lihat contoh di atas, tabelnya berada jauh dibawah judul “DAFTAR NAMA ANGGOTA” padahal kode yang saya gunakan ditulis bersambung dengan judul dan tanpa kode <br/> tapi kenapa hasilnya terlalu kebawah ?
Coba bandingkan dengan tabel berikut :
NAMA | UMUR | JENIS KELAMIN |
Bob Sadino | 18 Tahun | Pria |
Bob Hasan | 24 Tahun | Pria |
Sri Mulyani | 40 Tahun | Wanita |
Andi Malarangeng | 35 Tahun | Pria |
Bentuk tabel yang kedua letaknya tidak melorot dan berada tepat sesuai yang kita inginkan. Ternyata permasalahannya sangat simple dimana yang pertama saya menggunakan kode dengan SPASI KEBAWAH berurut seperti ini :
<table width=”550″ border=”1″>
<tr>
<td align=”center”>
NAMA
</td>
<td align=”center”>
UMUR
</td>
<td align=”center”>
JENIS KELAMIN
</td>
</tr>
<tr>
<td align=”center”>
Bob Sadino
</td>
<td align=”center”>
18 Tahun
</td>
<td align=”center”>
Pria
</td>
</tr>
<tr>
<td align=”center”>
Bob Hasan
</td>
<td align=”center”>
24 Tahun
</td>
<td align=”center”>
Pria
</td>
</tr>
<tr>
<td align=”center”>
Sri Mulyani
</td>
<td align=”center”>
40 Tahun
</td>
<td align=”center”>
Wanita
</td>
</tr>
<tr>
<td align=”center”>
Andi Malarangeng
</td>
<td align=”center”>
35 Tahun
</td>
<td align=”center”>
Pria
</td>
</tr>
</table>
Sedangkan untuk tabel kedua saya tidak menggunakan SPASI KEBAWAH tapi hanya menggunakan SPASI STANDARD dimana bentuk kodenya saya susun seperti ini :
<table width=”550″ border=”1″><tr><td align=”center”> NAMA</td><td align=”center”> UMUR</td><td align=”center”> JENIS KELAMIN</td></tr><tr><td align=”center”> Bob Sadino</td><td align=”center”> 18 Tahun</td><td align=”center”> Pria</td></tr><tr><td align=”center”> Bob Hasan</td><td align=”center”> 24 Tahun</td><td align=”center”> Pria</td></tr><tr><td align=”center”> Sri Mulyani</td><td align=”center”> 40 Tahun</td><td align=”center”> Wanita</td></tr><tr><td align=”center”> Andi Malarangeng</td><td align=”center”> 35 Tahun</td><td align=”center”> Pria</td></tr></table>
Jadi kesimpulannya agar tabel yang kita bentuk tidak berada jauh dibawah judul maka jangan menggunakan SPASI KEBAWAH pada kode HTML. Alasannya karena artikel pada blog membaca SPASI KEBAWAH sebagai kode <br/>.
Oleh karena tampilan tabel yang kita pajang berada jauh dibawah yang kita inginkan dan semakin panjang tabelnya semakin jauh pula tabel itu bergeser kebawah.
Sekian infroimasi dari saya, mudah-mudahan bermamfaat !
Salam : Basri Tamang
Great thinking! That rellay breaks the mold!