Advertising

Membuat Postingan Dua Kolom di Blog

Gambar ilustrasi

Pernah lihat tulisan postingan 2 kolom di blog? Biasanya tulisan 2 kolom yang mirip dengan Newspaper/ koran ini ditemukan di Blog/situs portal berita. Namun tidak sedikit sahabat Bloggerblogging yang menggunakan tutorial Blog membuat posting 2 kolom di blog dalam postingnya. Baik, kita lihat Contoh gambarnya atau contoh hasilnya langsung di bawah ini:

Jika anda ingin Membuat Postingan 2 kolom di Blog seperti contoh tulisan ini, tidak perlu bingung. Caranya sangat mudah sekali. Selain mudah, dengan Format postingan 2 kolom ini pun akan lebih enak di pandang, khususnya yang ingin membuat artikelnya seperti Koran. atau berisi Portal Informasi bisa dicoba cara Membuat Postingan 2 kolom di Blog seperti ini. Mari, langsung saja kita menuju ke Membuat Postingan 2 kolom di Blog. Atau baca dulu tulisan sebelah... Membuat Postingan 2 kolom di Blog. Jika anda ingin membuat Postingan 2 kolom seperti format di koran atau contohnya adalah tulisan ini, terlihat seperti di koran bukan. Mungkin anda sudah sering melihat di Blog orang lain. Bagaimanakan Cara Membuat Postingan 2 kolom di Blog? Maaf tulisan ini saya ulang-ulang ini hanya sebuah contoh. Ini tidak jauh beda dengan membuat tabel di postingan blog, jika dilihat seksama, bukan saja 2 kolom tapi bebas berapa pun yang kita mau.
Nanti komentarnya ditagih...

Cara Membuat Postingan Dua Kolom di Blog:

Pertama, Login ke Blogger anda >> Buka/Buat postingan baru >> Kemudian Sisipkan Kode di bawah ini dalam postingan anda dengan Mode "Edit HTML" dan bukan mode Compose.


<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="260">
Post Kiri</td><td align="justify" valign="top"width="260">Post Kanan</td> </tr>
</tbody></table>

Setelah itu balik ke mode compose biar gak bingung dan mulailah membuat postingan di masing-masing kolom, seperti di bawah ini.

Post KiriPost Kanan

Keterangan:
  1. cellpadding: atur jarak antara tepi kolom dengan tulisan
  2. cellspacing: atur jarak antara dua kolom
  3. width: ada dua width, pada kode di atas sama sama menggunakan angka 260. Jika ingin berbeda ganti saja.
  4. align: perataan teks (justify untuk rata kanan kiri, left untuk rata kiri, right untuk rata kanan dan center untuk rata tengah)
  5. valign: perataan verikal (top untuk rata atas, bottom untuk rata bawah dan middle untuk rata tengah) 
HTML yang sobat lihat di atas itu saya paste dalam bentuk Quot, mau coba?
Ini judulnya: Membuat Quot di Postingan Blog

Iklan