Membuat posting multi colom di wordpress dan blogspot

Kali ini yang akan kita bahas adalah cara membuat postingan dapat terbagi dalam 2 kolom di kanan dan di kolom kiri , dapat juga kita bagi dalam 3 kolom di kanan, di tengah dan di kiri, bahkan bisa kita buat postingan ala koran serta majalah, tinggal di sesuaikan saja dengan selera masing2 karena setiap orang punya selera yang berbedaolom.

terkadang postingan yang seperti ini diperlukan dalam membuat halaman khusus agar berbeda dengan postingan di halaman utama sebuah blog,  bisa juga digunakan untuk blog bertema bisnis online untuk promosi bermacam2 produk dengan aneka banner, kita  juga bisa memasang banner bisnis di masing2 kolom yang kita buat, langsung saja kita mulai langkah  sederhana berikut ini. ( cara ini bisa di terapkan di blog wordpress dan blogger ), setelah kita berada dihalaman new post, kita cukup menambahkan beberapa kode script dbawah ini untuk membuat postingan terbagi menjadi dua atau tiga kolom.

dua kolom

saat posting kita pilih format HTML   jangan  mnggunakan format VISUAL / COMPOSE

berikut ini script untuk  membuat posting menjadi 2 kolom

  • <table cellpadding=”10″ cellspacing=”10″><tbody> <tr> <td align=”justify” valign=”top” width=”250″> tuliskan postingan disini untuk posisi disebelah  kiri </td><td align=”justify” valign=”top” width=”250″> tuliskan postingan disini untuk posisi di sebelah kanan</td> </tr> </tbody></table>

Dan berikut ini contoh membuat postingan menjadi 3 kolom
<table width=”500” border=”0” cellpadding=”0” cellspacing=”10”> <tr> <td width=”166” valign=”top”>tuliskan postingan disini untuk posisi Kolom 1…….</td> <td width=”166” valign=”top”>tuliskan postingan disini untuk posisi Kolom 2……</td> <td width=”166” valign=”top”>tuliskan postingan anda disini untuk posisi Kolom 3……</td> </tr> </table>

NB:

selanjutnya ganti teks yang berwarna di atas dengan  isi postingan yang akan kita upload, sesuaikan kerapian postingan dan pastikan setiap masing masing kolom rata penempatannya.

jika kita mau membuat lebih banyak lagi kolom maka kita tinggal menambah kode berikut </td> <td width=”166” valign=”top”> dan selanjutnya jangan lupa di tutup dengan kode kode berikut ini di ahir postingan </td> </tr> </table>

kita dapat memodif sendiri sesuaikan dengan lebar area posting di blog kita, untuk angka 500 yang tercetak huruf tebal diatas menunjukkan area posting dimaksud lebarnya 500 px.
sesuikan juga angka angka di border/cellpadding/cellspacingl.

semoga bermanfaat

silahkan download artikel pada gambar diatas

Artikel terkait

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

All original content on these pages is fingerprinted and certified by Digiprove