Membuat 2 kolom di postingan

Nov 12, 2011 by Ayah Jayvyn in Belajar Web | Tags: belajar, blog, cara membuat, cara membuat blog, membuat blog, membuat web, myjayvyn, wordpress

Membuat 2 atau 3 kolom dalam penulisan artikel tidaklah sulit. Kita bisa menggunakan tag HTML yang biasa digunakan untuk membuat tabel. Bagi yang sudah pernah belajar menulis script HTML, struktur penulisan ini tentunya cukup familiar.

<table>

<tr>

<td>

</td>

</tr>

</table>

Keterangan:

<table></table> ini tag pembentuk tabel
<tr></tr> ini tag pembentuk row
<td></td> ini tag pembentuk column

Hiiii… asli bingung!!

Yap.. kalo cuma teori doang emang susah dimengerti, mending kita liat contohnya dibawah ini ya.. dan langsung praktekan. Dicontoh ini kita akan membuat 2 kolom.

1. Buatlah dulu postingan baru, Posts >> Add New

2. Copas script dibawah ini kedalam artikel, sebelum dipaste pastikan artikelnya dalam format HTML bukan visual.

<table>
 <tr>
 <td valign="top" width="150">
 Ini contoh kolom pertama pada baris pertama. Ini contoh kolom pertama pada baris pertama. Ini contoh kolom pertama pada baris pertama.
 </td>
 <td valign="top" width="150">
 Ini contoh kolom kedua pada baris pertama. Ini contoh kolom kedua pada baris pertama. Ini contoh kolom kedua pada baris pertama.
 </td>
 </tr>
 </table>

3. Hasilnya akan seperti ini

Ini contoh kolom pertama pada baris pertama. Ini contoh kolom pertama pada baris pertama. Ini contoh kolom pertama pada baris pertama.

Ini contoh kolom kedua pada baris pertama. Ini contoh kolom kedua pada baris pertama. Ini contoh kolom kedua pada baris pertama.

Alhamdulillah...
Semoga artikel ini dapat bermanfaat bagi Anda. Terima kasih atas keikhlasannya memberikan donasi berupa komentar melalui salah satu layanan berikut Facebook Like, Facebook Comment, Alexa Review atau Wordpress Comment. Jazakallahu Khair