Kali ini saya akan membagikan Trik atau cara untuk membagi tulisan pada postingan memjadi 2 kolom atau lebih. Walaupun sebenarnya trik ini lebih cocok diterapkan pada Blog atau Website yang memposting tentang Berita-berita atau konten-konten yang memerlukan ulasan panjang. Karena dengan membaginya menjadi beberapa kolom maka pembaca tidak akan terasa bosan. Karena mereka seperti mambaca majalah dan alineanya kelihatan pendek-pendek sehingga tidak menyulitkan.
Tulisan di atas adalah contoh dari tulisan yang sudah dibagi menjadi 2 kolom.
Untuk caranya sebenarya cukup mudah dan simpel. Kita hanya cukup menambahkan beberapa elemen CSS pada Postingan. Taruh kode CSS berikut ini di postingan (pada mode HTML):
Untuk caranya sebenarya cukup mudah dan simpel. Kita hanya cukup menambahkan beberapa elemen CSS pada Postingan. Taruh kode CSS berikut ini di postingan (pada mode HTML):
<div id="kolom">
TULISAN YANG AKAN DIBAGI
</div>
<style>
#kolom {-moz-column-count:2; -webkit-column-count:2; column-count:2;}
</style>Kalau ingin membagi lebih dari dua, Anda tinggal mengganti angka 2 dengan jumlah kolom sesuai yang kita inginkan.
Kalau ingin membuat secara otomatis pada setiap postingan, Anda bisa meletakkan kode tersebut pada templete HTML anda yaitu pada elemen pos-content atau entry-content tergantung pada masing-masing templete. Taruh elemen CSS di bawah ini pada elemen terrsebut:
Kalau ingin membuat secara otomatis pada setiap postingan, Anda bisa meletakkan kode tersebut pada templete HTML anda yaitu pada elemen pos-content atau entry-content tergantung pada masing-masing templete. Taruh elemen CSS di bawah ini pada elemen terrsebut:
-moz-column-count:2; -webkit-column-count:2; column-count:2;
Sekian dan semoga bermanfaat.
Demonya bisa Anda lihat tulisan diatas.
Kalau ada pertanyaan atau anda suka dengan "Cara Membagi Tulisan Postingan Menjadi Dua Kolom dengan CSS" di atas silahkan masuk pada kolom komentar di bawah. Thanks.