column-count dan column-gap kemudian anda padukan dengan tag HTML biasa seperti <div> atau <span>. Fungsi dari membuat paragraf dua kolom dalam postingan
ini adalah membuat kesan indah dan rapi, selain itu juga untuk
menghemat ruang teks yang ada supaya bisa di manfaatkan untuk menampung
isi yang lainnya.Cara membuat paragraf dua kolom dalam postingan ini sangat simple dan scriptnya pun menurut saya pribadi sangat mudah untuk di pahami, Berikut tutorial cara membuat paragraf dua kolom dalam postingan, silahkan simak dan perhatikan dengan baik!
1. Copy dan pastekan script berikut ini di dalam halaman menu posting/edit posting blog anda.
1
2
3
4
5
6
7
8
9
| <div style="background-attachment: scroll; background: #f0f0f0;-moz-column-count: 2; -moz-column-gap: 25px; -webkit-column-count: 2;-webkit-column-gap: 25px; -o-column-count: 2; -o-column-gap: 25px;column-count: 2; column-gap: 25px; height: auto;width: auto; padding: 10px">Masukkan teks anda di sini!</div> |
2. Ganti tulisan "Masukkan teks anda di sini!" dengan tulisan yang anda inginkan dan selesai.
Maka hasilnya kurang lebih akan terlihat seperti berikut ini :
Siti baru saja di terima sebagai guru bimbingan konseling di sebuah sekolah menengah atas.
Suatu hari dia melihat si Jono berdiri sendirian di pinggir lapangan belakang sekolah, sementara ada murid yang lain sedang asyik bermain bola.
Karena merasa kasihan, Siti mendekat dan menyapa dengan ramah. "Hai Jono, bolehkah Bu Guru menemani kamu?"
"Iya, Bu", Jono menjawab. Tapi pandangan mata anak itu masih tertuju pada teman-temannya di tengah lapangan.
"Ah, anak ini kasihan sekali.. Pasti dia ingin ikut bermain", pikir Siti.
Sebagai guru bimbingan konseling yang baik, Siti ingin tahu masalah apa yang membuat Jono menyendiri di pinggir lapangan seperti itu.
Siti pun bertanya, "Kenapa kamu berdiri di sini sendirian, jono? kenapa kamu tidak ikut teman-temanmu bermain bola"
"Saya sedang jadi kiper, Bu." Jawab Jono
Bu Siti cuma bisa melongo sambil malu.
