Membuat Postingan Dua Kolom - Masih tentang  dua kolom kali ini saya terinspirasi dari teman saya Ady Blink yang kemaren berkomentar di posting Cara Membuat Posting Dua Kolom yang katanya juga pernah melihat tutorial yang seperti ini namun pada posting artikelnya.
Nah dari situlah saya terinspirasi dari pada ngak posting lebih baik posting walaupun sederhana karena saya pernah gagal dalam membuat posting yaitu Meta Tag Seo Friendly yahh beginilah kalau memposting artikel yang sangat simpel dan pasaran.
Tutorial Postingan Dua Kolom ini semoga ngak seterpuruk tutorial diatas walaupun tutorial ini biasanya digunakan oleh para Master Blogazine.

Cara ini merupakan cara manual karena jika kita menggunakan yang otomatis maka akan berakibat pada semua artikel dan saya rekomendasikan untuk memakai yang ini saja, tapi terserah lah anda mau memakai yang mana.
Disini kita bisa lihat contohnya pada tulisan ini dimana saya menggunakan yang manual dan cara kerjanya yaitu membagi tulisan dengan sama rata dan bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla. 

Capek juga nulisnya yaudah nih tutorial siap anda comot, copy saja kode dibawah ini lalu di pastekan ke postingan milih yang Edit HTML jangan yang Compose lalu setelah di pastekan di Edit HTML kita mau pindah ke Compose sudah ngak apa-apa.
<style type="text/css">
#twocolom{-moz-column-count:2;-moz-column-gap: 2em;-webkit-column-count: 2;-webkit-column-gap: 2em;} 
</style>
<div id="twocolom">LETAKKAN POSTINGAN DISINI</div>
Dengan kode diatas sepanjang apapun tulisan kita maka tulisan tersebut tinggi lebarnya akan terbagi rata menjadi dua, bagus kan hehe cukup sekian saja dari saya.

Labels:

3 Komentar:

Anonymous Ady Blink said on June 30, 2012 at 1:31 PM 

Wah keren neh, kayaknya lebih simpel dari yang biasa aku pake, he,,he,, ijin di simpan ya bro!

Blogger Muhammad Irham said on June 30, 2012 at 1:39 PM 

@Ady Blink monggo mas bro. thanks udah berkunjung di gubuk reotku ini

Anonymous Cara Membuat Breadcrumb Navigasi Terdeteksi Google said on July 16, 2012 at 8:36 PM 

ijin terapkan dulu . . . :)

eh gan, kalau ingin mengubah menjadi beberapa kolom bagaimana ya ?
apakah angka 2 pada kode CSS diganti dengan yang kita inginkan ?

Post a Comment

© 2012 - Koderator | Desain Oleh kimzigr| Classic Themplate Html5 & Css3 | Mesin Blogger