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 :-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;
<style type="text/css">
#posting3kolom {
-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;}
</style>
<div id="posting3kolom">ISI POSTINGAN</div>
#posting3kolom {
-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;}
</style>
<div id="posting3kolom">ISI POSTINGAN</div>