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.