Belajar Blog: Cara Merubah Halaman Posting Seperti Koran

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Sebelum era digital bergulir sarana media informasi yang dapat dijangkau oleh semua lapisan masyarakat adalah Koran , bahkan sampai sekarang masih menjadi pilihan sebagian dari kita untuk memperoleh berbagai informasi. Salah satu ciri khas yang tak pernah kita lupakan adalah bagian dari halamanya yang terdapat beberapa kolom. Cara inipun bisa kita terapkan kedalam postingan blog. Untuk para sobat bloger yang ingin agar halaman posting tampil seperti koran silahkan copy dan paste kedalam area postingan.
Inilah kode CSSnya.

<style type="text/css">
.koran{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule-style:outset; /* Firefox */
-webkit-column-rule-style:outset; /* Safari and Chrome */
column-rule-style:outset;
-moz-column-rule-color:#ff0000; /* Firefox */
-webkit-column-rule-color:#ff0000; /* Safari and Chrome */
column-rule-color:#ff0000;}
</style>
<div class="koran">
SILAHKAN LETAKAN POSTINGAN DI SINI
</div>

teks yang berwarna merah yang menunjukan angka 3 untuk tiga kolom. silahkan kamu rubah sesuai
keinginan kamu.

Belajar Blog

Cara Merubah Halaman Posting Seperti Koran

Tidak ada komentar:

Posting Komentar