Search This Blog

Cara Membagi Kolom Artikel Postingan

  • Sunday, July 8, 2018 at 8:40:00 AM
  • 0 Comments
  • Views
Aku baru tahu ternyata postingan kita di Blogger bisa di bagi jadi beberapa kolom seperti artikel yang biasa kita lihat di surat kabar. Sebenarnya aku sudah melihat trik tersebut di terapkan di beberapa blog luar saat aku blogwalking tapi waktu itu aku ngga penasaran. Kemudian aku mengetahui trik ini di blognya mbak Arlina Design.

Penerapan
Pertama kita terapkan kode berikut ini dulu pada bagian style template.
.bagidua
{
   -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
Dalam kode diatas, nilai column-count aku beri 2 yang berarti artikel post akan terbagi menjadi 2 kolom. Jika kita menginginkan beberapa kolom misal 3 kolom maka tentukan nilai column-count dengan angka 3.
Simpan template. Kemudian untuk penerapannya pada postingan silahkan salin dan bungkus kode artikel kita dengan kode di bawah ini.
<div class='bagidua'> TULISAN ANDA TERAPKAN DISINI </div>
Contoh penerapan
<div class='bagidua'>Donec at dolor mi. Pellentesque sit amet ornare risus. Fusce varius ut turpis sed semper. In ut est et enim gravida interdum nec id quam. Aliquam leo ante, posuere id suscipit et, varius quis metus. Aenean tincidunt pellentesque facilisis. Maecenas iaculisntesque ante, velfaucibus massa iaculis eget. Suspendisse potenti. Quisque auctor, turpis ut auctor tempus, diam ante pharetra dui, eleifend posuere tellus metus et lorem.Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div>
Maka hasilnya akan seperti di bawah ini.

Donec at dolor mi. Pellentesque sit amet ornare risus. Fusce varius ut turpis sed semper. In ut est et enim gravida interdum nec id quam. Aliquam leo ante, posuere id suscipit et, varius quis metus. Aenean tincidunt pellentesque facilisis. Maecenas iaculisntesque ante, velfaucibus massa iaculis eget. Suspendisse potenti. Quisque auctor, turpis ut auctor tempus, diam ante pharetra dui, eleifend posuere tellus metus et lorem.Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Ternyata setelah di coba trik ini cukup mudah diterpakan di blog kita. Demikian cara membagi kolom artikel postingan, terima kasih.

Referensi
No comments
No comments

Post a Comment