Membuat Postingan Multi Kolom

Posted by : ra Kamis, 06 November 2014

Pada postingan ini saya ingin memberikan beberapa informasi bahwa pembuatan postingan ini adalah secara manual, dimana kita membutuhkan kode script yang berfungsi untuk membuat paragraf tulisan kita secara otomatis terbagi menjadi 3 kolom. Selain gampang tips ini sangat bermanfaat buat anda yang suka menulis panjang, sehingga dapat memperindah tampilan tulisan anda.

Tertarik untuk membuat posting artikel multi kolom dalam blog kalian supaya mempunyai tampilan yang berbeda dengan tampilan posting pada umumnya? kalian bisa memakai kode css dibawah ini untuk mewujudkan itu.

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

Kode css tersebut diatas merupakan badan dari css yang membentuk perintah membuat 3 kolom dengan jarak 10 px per kolom, untuk menampilkan post artikel multi kolom dalam suatu postingan, kalian perlu menambahkan kode css tersebut dalam postingan dalam mode Edit HTML menjadi seperti ini :

Cara tersebut diatas dilakukan dengan cara manual untuk menampilkaan post arikel multi kolom pada post-post tertentu dan dalam contoh tersebut untuk membuat 3 kolom, jika menginginkan menjadi 4 atau 5 kolom, kalian bisa mengganti angka dalam column count menjadi 4 atau 5, seperti pada alenia ini saya mengganti menjadi 2 kolom untuk menjadi pembeda dengan kode css yang diterapkan diatas. Semoga bermanfaat, mohon maaf jika ada salah.