Cara Membagi Dua Kolom Postingan Blog

InfoBlogNews - kali ini saya akan share bagaimana cara mebagi kolom posting atau membagi kolom artikel pada blog. Pempagian kolom ini ini bisa anda tertukan sendiri, tapi umum yang banyak digunakan adalah satu/single atau dua kolom saja. Sebenarnya membagi artikel menjadi dua kolom ini memiliki efisiensi  jika blog Anda memuat artikel yang bersifat informasi seperti blog blog news atau berita.

Jadi untuk penerapannya tergantung selera Anda, dan disini kita akan membagi kolom menjadi dua bagian dengan menggunakan property CSS “column-width”

Silahkan ikuti cara penerapan membagi  dua kolom artikel Blog

1.Silahkan masuk ke akun Blogger >> Dashboard >> Templete >> Edit HTML

2.Letakkan kode dibawah ini sebelum atau diatas kode ]]> </ b: skin>

CSS - Info Blog News

.two-colomn

{

   -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

    text-align: center;

}

Dalam kode diatas, nilai column-count diberi nilai 2 yang berarti artikel post akan terbagi menjadi 2 kolom. Jika anda menginginkan beberapa kolom misalnya 3 kolom maka tentukan nilai column-count dengan 3.

3. Simpan template.

Kemudian untuk menerapankan pada postingan, silahkan bungkus artikel dengan kode di bawah ini.

HTML - Info Blog News

<div class=' two-colomn'> Silahkan tulis artikel anda disini</div>

Hasilnya terlihat seperti di atas... Semoga bermanfaat..