Membuat Postingan Seperti koran/Majalah

Di dalam beberapa blog saya pernah melihat tampilan postingannya seperti koran2 atau majalah yang mempunyai beberapa kolom. jika biasanya kita melihat tampilan posting yang standar saja, mungkin tutorial berikut ini bisa kamu praktekan di blog kamu sehingga tampilan blog kamu lebih menarik. lalu bagaimana caranya ? nah begini caranya :

1. Masuk ke akun blogger

2. Saat kamu ingin membuat postingan baru, klik edit HTML

3. kemudian masukan kode CSS seperti di bawah ini

-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;

Angka 3 menunjukan jumlah kolom yang akan dibuat dengan jarak antar kolom 1 dengan 2 sebesar 10px. Angka2 tersebut bisa kamu ganti sesuka kamu.

Contohnya seperti dibawah ini:

<style type="text/css">
-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;}
</style>
<div id="posting3kolom">MASUKAN ISI POSTINGAN KAMU DISINI.</div>

5. Jika sudah selesai langsung saja klik Terbitkan Entri.

Bagaimana ? mudah bukan ? kalian juga bisa mengubah kolom2 sesuka kalian,misalkan angka 3 di didalam kode css tadi kamu ubah menjadi 4, 5 dan seterusnya sehingga menjadi kolom2 yang kamu inginkan. mudah-mudahan dengan tutorial ini blog yang kamu punya semakin lancar jaya hehe

Postingan Terkait:

Posted in: Blogger