Cara Membuat Tampilan Posting Seperti Koran Atau Majalah

Let's make posting like a news paper! Mari belajar membuat tampilan posting seperti tampilan berita di dalam koran. Seperti yang kita ketahui bahwasannya koran menampilkan berita dalam bentuk pargraf yang terbagi dalam beberapa kolom. Hal ini adalah ciri khas yang terdapat pada koran yang tidak pernah lekang di makan rayap. Coba perhatikan paragraf di bawah ini! Ini adalah contoh paragraf yang bergaya koran (News Paper Style

Untuk membuat postingan sobat blogger seperti Koran, sobat blogger cukup memberikan kode css pada area postingan. Ini kode CSS yang digunakan :

<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">

    Letakkan tulisan sobat blogger disini...!!!

    </div>

Kode CSS di atas bisa dikostumisasi sesuai keinginan sobat blogger.

Keterangan singkat dari kode CSS di atas :

-moz-column-count:3; /* Firefox */

-webkit-column-count:3; /* Safari and Chrome */

column-count:3;

1. Angka 3 adalah jumlah kolom dari posting, silahkan di rubah dan disesuaikan dengan template sobat.
2. Kode warna pemisah kolom (Warna garis) adalah #ff0000; silahkan diganti menggunakan kode warna yang lain. Untuk melihat kode Warna silahkan lihat salah satu posting dari blog ini.
3. Teks warna merah disesuaikan juga dengan teks sobat.

Keterangan ; Saat memasang kode CSS ini ke dalam postingan sobat blogger, jangan lupa dimasukkan dalam mode HTML bukan Compose