Home » » Membuat 2 Kolom pada halaman posting

Membuat 2 Kolom pada halaman posting

Postingan blog adalah bagian utama suatu blog, tak heran para publisher mencari cara baik dari segi tata bahasa dan design untuk isi artikelnya.
Salah satu cara yang unik dari sekian banyaknya yaitu membuat postingan blog menjadi dua kolom.
Contoh seperti tulisan ini, sangat cocok untuk menulis diartikel bertipe compare/perbandingan.
Berita yang bertemakan koran.
Masih banyak untuk kegunaan lainya.
Tetapi perlu anda ketahui, cara ini banyak sekali yang publish, ya tidak ada salahnya saya bagikan untuk informasi umum.
Semakin banyak informasi semakin memudahkan.

Cara ini juga berlaku ketika anda hendak menyematkan 2 gambar berdampingan kesamping, hanya ingat dalam size yang sesuai ketentuan, maksudnya maksimal size main-wrapper.

2 kolom

Hitung-hitungan sederhana lebar seluruh blog 960px, lebar sidebar 300px, berarti kisaran maksimal lebar main atau tempat kita menulis postingan kisaran 630an anggap 30px lainya untuk padding dan margin.

HTML untuk 2 kolom postingan.
<table cellpadding="7"cellspacing="10"><tbody><tr><td align="normal" valign="top"width="280">Bagian Kiri</td><td align="normal"valign="top" width="270">Bagian Kanan</td> </tr></tbody></table>

Ket :
cellpadding = jarak table
cellspacing  = jarak spasi bagian kiri ke bagian kanan.
align             = normal (teks normal), justify (teks rata kiri kanan), center (teks rata tengah).
Width 280.  = lebar 280 untuk bagian kiri
Width 270   = lebar 270 untuk bagian kanan

Untuk teks yang diberi warna, menurut saya yang paling krusial, karena jika kalian menyetel dengan lebar diatas maksimal lebar main, akan berdampak.
Kembali ketopik hitungan-hitungan yang sempat dibahas diawal postingan yang menyisakan lebar main 630px, dan jika kita jumlah, Width atau lebar dua bagian diatas 280 + 270 = 550 Masih dalam kondisi normal.

Kembali kepada anda sih, silahkan atur ulang sedemikian rupa, sesuai keinginan.
Html diatas hanyalah dasar, ya dapat juga dikatakan master file html (untuk membuat 2 kolom didalam postingan).

Sedikit ekplorasi dari kode HTML diatas dapat juga anda jadikan 3 kolom.
Contoh cocoknya untuk yang membahas mengenai compare gadget.Seperti ibarat vs dalam artian membandingkan spesifikasi.Alhasil informasi yang disajikan jadi lebih mudah dimengerti.

HTML untuk 3 kolom postingan.
<table cellpadding="7"cellspacing="10"><tbody><tr><td align="normal" valign="top"width="200">Kiri</td><td align="normal"valign="top" width="150">Tengah</td><td align="normal"valign="top" width="150">Kanan</td> </tr></tbody></table>
Jadi silahkan disetting sedemikian rupa agar terlihat manis, sesuai kebutuhan.

© If you want to copy Article, please provide the source

0 comments:

Post a comment

Silahkan berkomentar jika sempat, klik notify me/beritahu saya, agar ketika saya balas, ada pemberitahuan.
• Baru Mei 2015.
- No URL Promosi (except Open ID)
- No Live Link
- No Sara
- No Spamming

Posting Terbaru