Cara membuat Multi Coloumn CSS3 Pada Postingan[Model Standart]

Kali Ini saya akan mengajak anda untuk bermain menggunakan CSS3 Kembali, tepatnya kita akan belajar menggunakan Multi coloumn.

1. Model 1

Misery Business

(Hit that, hit that snare)

I’m in the business of misery,
Let’s take it from the top.
She’s got a body like an hourglass, it’s ticking like a clock.
It’s a matter of time before we all run out,
When I thought he was mine she caught him by the mouth.

I waited eight long months,
She finally set him free.
I told him I couldn’t lie he was the only one for me.
Two weeks and we’ve caught on fire,
She’s got it out for me,
But I wear the biggest smile.

Whoa, I never meant to brag
But I got him where I want him now.
Whoa, it was never my intention to brag
To steal it all away from you now.
But God does it feel so good,
Cause I got him where I want him now.

And if you could then you know you would.
It’s gonna just feel so…
It just feels so good.

Second chances they don’t ever matter, people never change.
Once a whore you’re nothing more, I’m sorry, that’ll never change.
And about forgiveness, we’re both supposed to have exchanged.
I’m sorry honey, but I passed it up, now look this way.
Well there’s a million other girls who do it just like you.
Looking as innocent as possible to get to who,
They want and what they like it’s easy if you do it right.
Well I refuse, I refuse, I refuse!

Whoa, I never meant to brag
But I got him where I want him now.
Whoa, it was never my intention to brag
To steal it all away from you now.
But God does it feel so good,
Cause I got him where I want him right now.
And if you could then you know you would.
It’s gonna just feel so…
It just feels so good.

I watched his wildest dreams come true
And not one of them involving you
Just watch my wildest dreams come true
Not one of them involving…

Whoa, I never meant to brag
But I got him where I want him now.

Whoa, I never meant to brag
But I got him where I want him now.
Whoa, it was never my intention to brag
To steal it all away from you now.
But God does it feel so good,
Cause I got him where I want him now.
And if you could then you know you would.
It’s gonna just feel so…
It just feels so good.

Anda tertarik Untuk Membuat Multi Coloumn seperti Bentuk Diatas?

Silahkan anda Copy paste Kode Berikut kedalam postingan anda dan dan yang terpenting disini anda tidak perlu menambahkan apa-apa pada Kode ]]></b:skin>

<style type="text/css">#multikolom{-moz-column-count:3;-moz-column-gap: 1em;-moz-column-rule: 1px solid black;-webkit-column-count: 2;-webkit-column-gap: 1em;-webkit-column-rule: 1px ;} </style>
<div id="multikolom">Masukkan Postingan Anda Disini</div>

Keterangan:

• -moz-column-count:3
Digunakan untuk menentukan berapa kolom yang ingin kita berikan ini adalah kode untuk mozila yang di mana bisa suport di browser tersebut sedangkan untuk chrome dan safari menggunakan webkit
• -webkit-column-count: 2
Untuk nilai valuenya juga sama berapa yang ingin kita berikan
• -moz-column-gap: 1em;
Coloumn-gap ini berfungsi untuk jarak batas antara kolom yang satu dengan yang lainnya
• -moz-column-rule: 1px solid black;
Sedangkan column-rule berfungsi untuk garis batas bisa solid (garis), dotted (Titik), dashed(garis putus-putus) dan bisa di berikan warna pembatasnya

Sumber: http://hendro-prayitno.blogspot.com/