1

Agar Tabel Pada Artikel Blogspot Tidak Melorot

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 :

DAFTAR 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

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

Filed in: Tips Dan Trik Blogspot, Tips Dan Trik Wordpress Tags: , , ,

Recent Posts

Bookmark and Promote!

One Response to "Agar Tabel Pada Artikel Blogspot Tidak Melorot"

  1. Deena says:

    Great thinking! That rellay breaks the mold!

Leave a Reply

Submit Comment

© 2016 Info Seputar Internet | Acai Berry Murah. All rights reserved. XHTML / CSS Valid.
Redesain By chapila.