Membuat Tulisan / Postingan 2 Kolom

Pada posting ini saya akan membahas mengenai cara membagi tulisan menjadi lebih dari satu kolom (seperti tulisan di koran atau majalah). Pada prinsipnya, cara sama dengan penggunaan tabel pada pengetikan (ex : microsoft word, dan lain-lain), namun masalahnya di sini adalah pada menu posting artikel tidak diberikan pilihan untuk membuat tabel/ insert table, “bisa aja sih, saya ketik di Ms Word sebuah tabel kosong, kemudian saya copy paste ke posting”, memang bisa namun biasanya ukuran tabel yang dibuat tidak sesuai dengan ukuran lebar layout posting yang di sediakan dan juga setelah tabel di copy-paste maka sulit untuk di edit/ sering error.

Cara ini sudah saya gunakan pada posting sebelumnya (dapat dilihat di sini!). Pada posting tersebut saya membuat menjadi 2 kolom dengan lebar halaman 460 px (sesuai dengan lebar themes yang saya gunakan), dan lebar masing-masing kolom adalah : kolom 1=230 px dan kolom 2=230 px (ini dapat diganti sesuai kebutuhan)

Caranya :

• Klik menu “New Post” (untuk mebuat tulisan/ posting baru) pada halaman ”Dashboard”
• Pada halaman “Write Post” pilih mode “HTML”, kemudian copy-paste kode berikut ini :

<table width=”460″ border=”0″ cellspacing=”10″><tr><td width=”230″ valign=”top”>Mulai menulis…</td>
<td width=”230″ valign=”top”>Mulai Menulis…</td>
</tr>
</table>

• Setelah itu kembali ke mode “Visual”, maka akan tampak gambaran tabel seperti di bawah ini :

• Anda dapat mulai menulis di masing-masing kolom yang terdapat pada tabel tersebut
• Selesai (Save / Publish)

Ukuran dan jumlah kolom dapat diubah sesuai keinginan anda/ untuk disesuaikan dengan layout theme yang anda gunakan. Untuk mengubah ukuran, dapat dilakukan dengan mengubah kode tersebut di atas pada bagian  berikut ini:

• Lebar tabel = table width=”460″
• Lebar kolom 1 = td width=”230″
• Lebar Kolom 2 = td width=”230″
• Jarak antara kedua kolom = cellpacing=”10″

Untuk menambah jumlah kolom, dapat dilakukan dengan meng-copy kode berikut, dan diletakkan setelah kode yang sama sebelumnya :

<td width=”230″ valign=”top”>Mulai Menulis…</td>

akan jadi seperti di bawah ini (kode warna merah) untuk 3 kolom :

<table width=”460″ border=”0″ cellspacing=”10″><tr><td width=”230″ valign=”top”>Mulai menulis…</td>
<td width=”230″ valign=”top”>Mulai Menulis…</td><td width=”230″ valign=”top”>Mulai Menulis…</td>
</tr>
</table>

Selamat mencoba….

Happy Blogging