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.
Share this Article