Dalam seni ngeblog, ada kalanya ingin membuat blogazine. Blogazine adalah gaya ngeblog yang menurut beberapa narablog keren. Sayangnya saya tidak sepakat jika blogazine keren. Hal ini karena membuat desain yang umum itu lebih susah dan banyak pertimbangan dibandingkan dengan hanya mendesain satu halaman blogazine saja.
Kecenderungan orang yang ngeblog dengan gaya blogazine, kontennya kurang kuat. Berbeda dengan blog yang desainnya umum, biasanya sudah fokus pada konten karena desain sudah selesai.
Dalam blogazine terkadang memakai gaya penulisan layaknya koran. Dengan CSS, kamu bisa membuat tampilan kolom-kolom layaknya koran. Bagaimana caranya? Penasaran, bukan? Berikut ini adalah ulasannya.
Gaya Kolom Koran dengan CSS
Untuk membuat tulisan bergaya kolom koran, CSS menyediakan properti
"column-count". Untuk pengguna Mozilla Firefox menggunakan prefiks
"-moz", untuk pengguna Google Chrome menggunakan prefiks
"-webkit". Berikut ini adalah contohnya:
Untuk mengatur jarak antarkolomnya menggunakan properti
"column-gap". Mudah, 'kan? Selamat mencoba :)
info yang menarik. ternyata sederhana sekali.
ReplyDeleteterima kasih :)
sama2, berasa komennya mas komen spam yah :D
Deleteterima kasih. sy sdh sering terapkan beginian
ReplyDeletecode itu ditulis di sebelah mana...?
ReplyDeletedi CSS-nya
Deletesilakan perhatikan code saya yang ada di codepen (blok hitam)
kalau pakai gaya koran, berat loadingnya dan juga kadang navigasi menu susah (ga nemu mana home, dll)
ReplyDelete