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">Ente bisa setting juga kode css di atas sesuai keinginan ente.
.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>
Keterangan css:
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
- Angka 3 adalah jumlah kolom dari posting, silahkan di rubah dan disesuaikan dengan template sobat.
- 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.
- Teks warna merah disesuaikan juga dengan teks sobat.
Cuma sayangnya kalo di buka lewat hp, menbaca postingnya harus bolak balik keatas dan kebawah ya mas :)
ReplyDeletehehe,,,ya begitulah, beli laptop saja...biar ga pegel tu jarinya. hehe
ReplyDelete