Membuat Tabel/Kolom di Posting

Saya termasuk penggemar wordpress. Namun di dalam wordpess, saat saya posting tidak ada menu untuk membuat tabel, atau tulisan seperti koran (dua atau tiga kolom).  Gambar disamping merupakani contoh 3 kolom.

Caranya mudah :

–  Saat Posting Klik  HTML  disamping Visual
– Buat skrip berikut ini :

Daripada Pusing,  Langsung sajalah copy paste skrip berikut ini :

<table border=”0” cellspacing=”0” cellpadding=”0” width=”400” height=”60“>
<tbody>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
</tr>
<tr>
<td>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
</tbody>
</table>

Dan lihat hasilnya seperti gambar dibawah ini (tentu tidak berwarna) :

– Kalau menghendaki ada tabelnya (garis-garis), ubah angka NOL berwarna merah menjadi 1
– Meubah jawak antar kolom bisa diatur dari cell spaccing dan padding (warna biru dan hijau)
– Kalau merubah lebar dan panjang tabel dengan merubah angka di width=”400” height=”60

Bagaimana bila tabelnya di isi dengan gambar ?

Skripnya seperti ini :

<table border=”1″ width=”200″>
<tbody>
<tr>
<td><img src=”http://buwasicatering.com/images/menu/resepsi%20nikah/2.JPG” alt=”” width=”230″ height=”150″ /></td>
<td><img src=”http://buwasicatering.com/images/menu/resepsi%20nikah/3.JPG” alt=”” width=”230″ height=”150″ /></td>
</tr>
<tr>
<td><img src=”http://buwasicatering.com/images/menu/resepsi%20nikah/23.JPG” alt=”” width=”230″ height=”150″ /></td>
<td><img src=”http://buwasicatering.com/images/menu/resepsi%20nikah/29.JPG” alt=”” width=”230″ height=”150″ /></td>
</tr>
<tr>
<td><img src=”http://buwasicatering.com/images/menu/resepsi%20nikah/15.JPG” alt=”” width=”230″ height=”150″ /></td>
<td><img src=”http://buwasicatering.com/images/menu/resepsi%20nikah/55.JPG” alt=”” width=”230″ height=”150″ /></td>
</tr>
</tbody>
</table>

Mudah kan, tinggal copy paste, ubah alamat gambarnya, lebarnya, panjangnya, selesai.

Leave a Comment