Posting Artikel Multi Kolom

Kadang kita bosan dengan tampilan posting artikel kita yang hanya satu kolom, kita mengiinginkan tampilan posting artikel lebih dari satu kolom atau multi kolom agar terlihat lebih menarik. Tampilan ini biasa kita jumpai pada artikel-artikel surat kabar atau majalah. Membuat posting artikel multi kolom dalam sebuah blog akan menghasilkan suatu tampilan yang berbeda pada blog kita dibandingkan dengan tampilan posting pada umumnya. Bila anda tertarik dan bermaksud untuk membuatnya, maka anda bisa memakai kode css dibawah ini :

Tambahkan kode di bawah ini ke dalam posting artikel anda dalam mode Edit HTML

<style type="text/css">
.skabar{
-moz-column-count: 3; /* untuk Firefox */
-moz-column-gap: 10px;
-webkit-column-count: 3; /* untuk Safari and Chrome */
-webkit-column-gap: 10px;
column-count: 3; /*untuk IE*/
column-gap: 10px;
text-align: justify; }
</style>

Kode tersebut diatas merupakan kode yang membentuk perintah untuk membuat posting artikel 3 kolom dengan jarak 10px (piksel) antar kolom kolom, untuk menampilkan posting artikel 3 kolom dalam suatu postingan. Angka 3 pada kode tersebut anda ubah sesuai dengan jumlah kolom yang anda kehendaki. Jarak antar kolom yang ditunjukkan dengan 10px juga dapat anda ubah sesuai dengan keinginan anda, sedangkan justify bisa anda ganti dengan right atau left.
Format untuk potingan adalah bahwa konten artikel yang akan dijadikan multi kolom harus dimulai dengan <div class="skabar">
Bila selesai harus ditutup dengan </div>

Contoh :

<style type="text/css">
.skabar{
-moz-column-count: 3; /* untuk Firefox */
-moz-column-gap: 10px;
-webkit-column-count: 3; /* untuk Safari and Chrome */
-webkit-column-gap: 10px;
column-count: 3; /*untuk IE*/
column-gap: 10px;
text-align: justify; }
</style>

<div class="skabar"> Gerimis baru membasahi hutan semeru yang dipenuhi pohon-pohon rindang dan indah, menambah hawa di daerah ini semakin dingin, mentari tidak menampakkan dirinya, langit masih mendung, namun tidak mengurungkan niat dua kelompok pendaki yang sedang berjalan meyusuri jalan setapak berbatuan yang menanjak, menuju ke danau Ranu Gumbolo. Tujuan mereka ke puncak Semeru. Di Ranu Gumbolo mereka akan beristirahat, di Ranu Gumbolo terdapat Pondok Pendaki.
Hutan disekitar mereka sangat rimbun, yang terlihat hanya langit yang masih mendung, dan kanopi pohon-pohon yang tinggi. Tidak jarang mereka masuk ke dalam jalan harimau, jalan sempit yang hanya bisa di lewati satu orang dengan membungkuk, jalan itu berbentuk lingkaran yang dikelilingi pohon semak belukar. Sesekali mereka melihat pemandangan yang luas dan indah. </div>

Hasil :

Gerimis baru membasahi hutan semeru yang dipenuhi pohon-pohon rindang dan indah, menambah hawa di daerah ini semakin dingin, mentari tidak menampakkan dirinya, langit masih mendung, namun tidak mengurungkan niat dua kelompok pendaki yang sedang berjalan meyusuri jalan setapak berbatuan yang menanjak, menuju ke danau Ranu Gumbolo. Tujuan mereka ke puncak Semeru. Di Ranu Gumbolo mereka akan beristirahat, di Ranu Gumbolo terdapat Pondok Pendaki.
Hutan disekitar mereka sangat rimbun, yang terlihat hanya langit yang masih mendung, dan kanopi pohon-pohon yang tinggi. Tidak jarang mereka masuk ke dalam jalan harimau, jalan sempit yang hanya bisa di lewati satu orang dengan membungkuk, jalan itu berbentuk lingkaran yang dikelilingi pohon semak belukar. Sesekali mereka melihat pemandangan yang luas dan indah.

Selamat mencoba !!!!!
Semoga artikel ini bermanfaat bagi anda
salam.

Artikel Lain Yang Terkait :