Buat Postingan Bergaya Kolom Koran

G

elisah akhir-akhir ini banyak dilema dalam benak. Entah berantah apa yang harus diutarakan untuk membuat pikiran ini lebih tenang... Wagagagagagaggz...intermezzo yang LEBBAY...

Jadi gini kawan, sesuai dengan judul yang tertulis di atas, kali ini kita mencoba berexperimen pada Web/Blog dengan merubah isi postingan kita menjadi Kolom seperti saat kita membaca koran. Karena mungkin Ilmu ini akan sangat bermanfaat bagi kawan-kawan ketika membuat sebuah posting Biografi atau Cerpan bahkan Novel pada blog...hehehhe...

Untuk pembagiannya juga dijamin pasti pas, karena sudah diatur dari sononya agar selalu sesuai dengan Length atau panjang kalimat pada sebuah postingan.

Dengan membagi ke beberapa bagian pada halaman posting kita secara Horizontal, akan lebih menghemat panjangnya Page Post Web/Blog kita. Kira-kira seperti itu. Jika kawanan sekalian merasa ini akan bermanfaat dan tidak mengganggu makna dari postingan, silahkan dipergunakan asal tetap menjaga keindahan dan nilai seni template blog kawan-kawan. Okay, kawan-kawan tinggal Follow step di bawah ini :

• Login ke Blogger kawan masing-masing tentunya.
• Ga perlu menggunakan Expand Widget Template karena kita akan bermain dengan CSSnya. Yang kita gunakan adalah CSS3.
• Saat di Dashboard, klik Design/Rancangan, lalu klik Edit HTML.
• Cari Kode .post h3 { atau #post h3 {. Karena setiap template biasanya menggunakan ID atau CLASS yang berbeda. Intinya adalah, kawan temukan Script untuk Isi dari Postingan.
• Lalu Copas kode di bawah ini setelah tanda "{" atau kurung kurawal buka setelah .post h3 atau #post h3 :

-moz-column-count:3;
-webkit-column-count:3;
column-count:3;

Contohnya:

.post h3 {
  -moz-column-count: 3;

  -webkit-column-count:3;

  column-count:3;
  color:#1c71fd;
  font-size: 14px;
  font-weight: bold;
  font-family: Helvetica, Arial, Verdana;
margin:0;
}

• Paste-kan kode setelah {. Seperti pada contoh script yang berwarna Bold Pink di atas.

• Save/Simpan Tenplate.

Keterangan:

1. Untuk angka yang berwarna merah di atas, kawan bisa ganti sesuai Width (Lebar) isi postingan kawan.
2. Sayangnya Script CSS3 ini hanya bekerja saat menggunakan Browser Firefox, Safari, Flock dan Chrome.

Contoh:

L

orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

Happy Blogging and Reading...