Blogger Tutorial

Cara membuat Multi Coloumn CSS3 Pada Postingan[Model Standart]

18.24,2 Comments


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/

hosting indonesia

You Might Also Like

2 komentar:

  1. <div id="multikolom"> postingan ada di sini </div>

    divnya mungkin salah di tutup
    kalu kode di atas berarti di mozila jadi 3 kolom kalu di chrome jadi 2 kolom

    BalasHapus
  2. heran ya sob? om rame aja heran aku bisa tau kode templatenya secara keseluruhan, aku takutnya sobat blogger ngeri sama aku ga ada yang mau komen,,
    sekarang kita ngga usah pikirin tentang IE kalu kita pikirin dan terus2an ngehack..

    kapan kita akan mengembangkannya?
    kapan kita akan mencoba?

    kalu box-shadow dan penggunaan warna rgba memang lebih bagus, penyaranan ini sebenarnya sudah dari tahun 1999 di w3c hanya saja melintir otak ane ngapalinnya..wkwkwkwk, mendingan yang biasa

    btw kode di atas di benerin dulu sob itu div idnya salah

    BalasHapus