Posting Multi Kolom Seperti Koran dan Majalah
Posting Multi Kolom Seperti Koran dan Majalah
Situseo Blog : Membuat posting multi kolom untuk sebuah artikel blog yang menyerupai majalah dan koran mungkin akan terlihat unik dalam sebuah tampilan artikel, posting artikel multi kolom ini akan sangat berguna dari segi tampilan suatu post utruk menampilkan bentuk yang berbeda dengan post-post pada umumnya.
Mungkin tidak wajar jika seluruh post artikel menggunakan multi kolom, akan lebih unik jika penggunaannya pada halaman tertentu dengan design template yang disederhanakan dan dipadukan dengan suatu event tertentu. Untuk membuatnya cukup mudah, hanya dengan menambahkan kode css didalamnya dan html sebagai perintah untuk menampilkankannya, ya lagi-lagi css, memang dengan kehadiran css apalagi css3 sudah membawa perubahan besar terhadap design suatu weblog.
Sekarang yang kita bahas ini, merupakan bentuk dari hasil kode css, saya sendiri kadang sedikit bingung dengan kode sederhana seperti itu bisa membentuk suatu perubahan yang mendasar, terutama dalam post ini mengenai multi kolom posting artikel dalam suatu blog.
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.
Sekarang yang kita bahas ini, merupakan bentuk dari hasil kode css, saya sendiri kadang sedikit bingung dengan kode sederhana seperti itu bisa membentuk suatu perubahan yang mendasar, terutama dalam post ini mengenai multi kolom posting artikel dalam suatu blog.
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;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>
Cara tersebut diatas dilakukan dengan cara manual untuk menampilkaan post arikel multi kolom pada post-post tertentu dan dalam contoh tersebut untuk membuat 3 kolom, jika menginginkan menjadi 4 atau 5 kolom, kalian bisa mengganti angka dalam column count menjadi 4 atau 5, seperti pada alenia ini saya mengganti menjadi 2 kolom untuk menjadi pembeda dengan kode css yang diterapkan diatas. Semoga posting artikel multi kolom ini bisa memberi ciri berbeda dengan blog post-blog post pada umumnya dan berharap menjadikan tampilan blog kalian menjadi lebih unik.
Semoga bermanfaat,
Source: situseo.blogspot.com