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..