27 Desember 2010

Membuat Postingan dua kolom ternyata mudah

Sobat pasti sudah tau yang namanya Koran atau majalah. Dua media ini so pasti identik dengan tulisan bergaya kolom. Ada yang dua kolom juga ada yang menampilkan tulisan yang lebih dari dua kolom.

Untuk warga blogspot khususnya, mungkin mengalami kesulitan dalam meniru style column Koran or magazine agar bisa diterapkan di dalam postingan blog. Sebetulnya sudah ada cara untuk membuat postingan dua kolom yaitu dengan memanfaatkan kode td (table), namun ini sangat menyulitkan kita dalam mengatur css-nya.

Kini dengan hadirnya css3 dapat kita manfaatkan untuk membuat postingan gaya Koran yang dua kolom itu. Silahkan anda tuju halaman blog ini untuk melihat bentuk postingan dua kolom.

Untuk menciptakan bentuk postingan seperti yang telah sobat lihat tadi ternyata sangat mudah, tidak serumit ketika kita membuatnya dengan kode td (table).

Langsung saja sobat tinggal copas kode berikut ini :

<style type="text/css">
#twocolom{-moz-column-count:2;-moz-column-gap: 2em;-webkit-column-count: 2;-webkit-column-gap: 2em;}
</style>
<div id="twocolom"> LETAKKAN POSTINGAN DISINI</div>

Dengan kode tadi maka sepanjang apapun tulisan anda akan terbagi sama tinggi dan sama lebarnya antara kolom satu dengan kolom yang kedua secara otomatis.

Demikian tips ringan membuat postingan dua kolom, semoga bermanfaat dan dapat mempercantik wajah blog anda.

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.