Mungkin sobat penah lihat bentuk penulisan pada sebuah majalah atau koran disitu dapat lihat beberapa Artikel atau keseluruhan artikel di tulis dengan beberapa kolom sama halnya postingan Saya kali ini coba sobat perhatikan ,disini postingan di bagi menjadi 3 kolom ,hal ini juga bisa di terapkan pada postingan yang ada di blog sobat
bahkan sobat bisa memodifikasi menjadi 2,3,bahkan 4 sesuai lebar template sobat.Cara nya cukup mudah dan very simple, sobat cukup meletakkan kode CSS di bawah ini tepat di atas kode ]]></b:skin> berikut kode nya :
#colom-articel {Jangan lupa Save Template setelah sobat selesai meletakkan kode CSS nya.
text-align: justify;
-moz-column-count: 3;
-moz-column-gap: 1.5em;
-moz-column-rule: 1px solid #c4c8cc;
-webkit-column-count: 3;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px solid #c4c8cc;
}
Perlu di perhatikan : kode tanda 3 warna biru di atas adalah bentuk atau jumlah kolom yang ingin sobat tampilkan
sedang kode merah adalah pembatas kolom sobat bisa ganti warnanya sesuai
keinginan
Dan yang terakhir jangan lupa setiap sobat membuat postingan gunakan kode seperti di bawah ini
<div id="colom-articel"> mulai penulisan artikel disini </div>
Selamat mencoba semoga berhasil wassalam.
0 komentar:
Silahkan untuk memberikan komentar di sini :