Posting Artikel Multi Kolom Otomatis Bergaya Koran Dan Majalah

Situseo Blog : Cara membuat posting multi kolom bergaya koran atau majalah secara otomatis dapat kita lakukan untuk menampilkan postingan dalam bentuk berkolom dengan tambahan kode css didalam template, pada umumnya postingan artikel pada setiap post selalu menggunakan single kolom atau bisa dibilang tanpa kolom.

Sebelumnya pernah dikupas mengenai cara membuat multi kolom secara manual pada setiap post, berbeda dengan yang akan kita bahas sekarang ini adalah setiap kita melkukan penulisan sebuah artikel blog akan secara otomatis berkolom, dan dalam contoh yang akan kita kupas sekarang menggunakan bentuk 3 kolom secara otomatis setiap halaman artikel akan terposting. Kode css yang akan kita pergunakan adalah kode css pada postingan terdahulu mengenai cara membuat Posting Multi Kolom Seperti Koran dan Majalah, kode cssnya seperti dibawah ini :

-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;

Kode tersebut kita tambah dalam template bagian .post-body { cara pemasanganya, masuk Design - Edit HTML dan letakan kode css diatas tersebut dibawah kode .post-body { sehingga menjadi seperti ini :

.post-body {
-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;
---kode css lainnya---
}

Save template kalian, dan Posting Artikel Multi Kolom Otomatis Bergaya Koran Dan Majalah sudah siap. Dengan kode diatas akan menghasilkan postingan dengan 3 kolom yang sama lebar dan tingginya.

Jika dalam template tidak ditemukan kode .post-body { mungkinn cara penamaannya berbeda, karena kode css sifatnya fleksibel bebas untuk memberi nama, jika hal itu terjadi coba cari .post {, .postbody { atau .post-body p { semoga dari ketiga kepala kode css ada ditemplate kalian.

Semoga bermanfaat,