Tampilan Posting Blog Keren Seperti Koran dan Majalah

Posted by

Sudah beberapa hari ane absen nggak posting di blog ini. Nah...Pada kesempatan kali ini ane akan bagikan agar tampilan posting blog seperti koran dan majalah, ini cocok buat tampilan blog yang memakai template magazine atau situs berita.

Mau tahu caranya?
Cukup dengan create new post, pilih mode HTML lalu taruh kode CSS di bawah ini:
<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 ente disini...!!!
</div>
Ente bisa setting juga kode css di atas sesuai keinginan ente. 
Keterangan css:
 -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.
 Sumber klik disini


Blog, Updated at: 8:16 AM

2 comments:

  1. Cuma sayangnya kalo di buka lewat hp, menbaca postingnya harus bolak balik keatas dan kebawah ya mas :)

    ReplyDelete
  2. hehe,,,ya begitulah, beli laptop saja...biar ga pegel tu jarinya. hehe

    ReplyDelete

Silahkan komentar kalau anda masih bingung !
Komentar utamakan pakai OpenID !
Hindari kata-kata kotor dan porno !