Cara Paling Sederhana dan Mudah untuk Membuat Tabel di Wordpress, Blogger ataupun Blog Lainnya

Cara Paling Sederhana dan Mudah untuk Membuat Tabel di Wordpress, Blogger ataupun Blog Lainnya

Posted by aimyaya | Under komputer Rabu Okt 28, 2009

Kadang kita membutuhkan untuk menampilkan tabel pada blog kita sebab dengan menggunakan tabel kita bisa menyajikan data dan informasi lebih singkat dan akurat. Tetapi kendala terbesar yang dialami oleh kita adalah teks editor yang disediakan oleh wordpress.com, blogger.com ataupun CMS yang lain tidak memberikan fasilitas untuk membuat tabel. Mau tidak mau kita harus membuatnya sendiri dan mau tidak mau juga kita harus mempelajari membuat kode html.

Saya akan langsung memberikan contoh kepada anda bagaimana untuk membuat tabel dengan cara paling sederhana dan mudah.

Format berikut merupakan cara paling sederhana dan mudah untuk membuat tabel anda di blog Wordpress.com, Blogger.com ataupun Blog Lainnya dengan jaminan 100% kompatibel dengan browser apapun juga :

<table>

<tbody>

<tr> <td> Juara 1 </td>    <td> Zahra </td> </tr>
<tr> <td> Juara 2 </td>    <td> Ella </td> </tr>
<tr> <td> Juara 3 </td>    <td> Lita </td> </tr>
<tr> <td> Juara 4 </td>    <td> Irma </td> </tr>

</tbody>

</table>

kode tersebut akan menampilkan tabel berikut:

Juara 1	Zahra
Juara 2	Ella
Juara 3	Lita
Juara 4	Irma

Keterangan :
Jika anda ingin tampilan tabel lebih bagus lagi anda dapat merubah properti dari tabel tersebut, seperti tampilan border, lebar kolom, tinggi baris, warna background dan lain-lain.

Contoh dari penggunaan properti dari tabel dapat anda lihat pada kode html di bawah ini :

<table id=”tabletipsikansegar” style=”border-collapse: collapse” border=”2″ width=”490″ bordercolor=”#966432″>
<tbody>
<tr>
<td align=”center” bgcolor=”#92c783″><strong>Item</strong></td>
<td width=”175″ align=”center” bgcolor=”#92c783″><strong>Ikan yang mulai
membusuk</strong></td>
<td width=”175″ align=”center” bgcolor=”#92c783″><strong> Ikan Segar</strong></td>
</tr>
<tr>
<td align=”center”>Bau</td>
<td width=”175″ align=”center”>berbau busuk</td>
<td width=”175″ align=”center”>bau ikan segar</td>
</tr>
<tr>
<td align=”center”>Insang</td>
<td width=”175″ height=”24″ align=”center”>insang berwarna kelabu dengan lendir tebal;</td>
<td width=”175″ height=”24″ align=”center”>insang berwarna merah;</td>
</tr>
<tr>
<td align=”center”>Mata</td>
<td width=”175″ align=”center”>mata suram dan tenggelam</td>
<td width=”175″ align=”center”>mata jernih menonjol;</td>
</tr>
</tbody></table>

Tampilan dari kode tersebut adalah sebagai berikut :

Item	Ikan yang mulai membusuk	Ikan Segar
Bau	berbau busuk	bau ikan segar
Insang	insang berwarna kelabu dengan lendir tebal;	insang berwarna merah;
Mata	mata suram dan tenggelam	mata jernih menonjol;